@reltio/components 1.4.1819 → 1.4.1820

package/cjs/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -1,158 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 ramda_1 = require("ramda");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var moment_1 = __importDefault(require("moment"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
-var MoreAttributesButton_1 = require("../../../MoreAttributesButton");
-var SimpleDropDownSelector_1 = __importDefault(require("../../SimpleDropDownSelector/SimpleDropDownSelector"));
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var SourceIcon_1 = require("../../../SourceIcon");
-var editors_1 = require("../../editors");
-var CopyableValueField_1 = __importDefault(require("../CopyableValueField/CopyableValueField"));
-var CrosswalkDateEditor_1 = __importDefault(require("../CrosswalkDateEditor/CrosswalkDateEditor"));
-var contexts_1 = require("../../../contexts");
-var styles_1 = require("./styles");
-var CrosswalkAttributes = function (_a) {
-    var crosswalk = _a.crosswalk, _b = _a.canEditAttribute, canEditAttribute = _b === void 0 ? true : _b, onEditAttribute = _a.onEditAttribute, onDeleteAttribute = _a.onDeleteAttribute;
-    var styles = (0, styles_1.useStyles)();
-    var _c = (0, react_1.useState)([]), addedAttributes = _c[0], setAddedAttributes = _c[1];
-    var _d = (0, react_1.useState)(null), pendingDeletionAttrUri = _d[0], setPendingDeletionAttrUri = _d[1];
-    var metadata = (0, contexts_1.useMdmMetadata)();
-    var isTempCrosswalk = !('uri' in crosswalk);
-    var addSelectedAttributes = function (selectedAttributes) {
-        if (selectedAttributes.length > 0) {
-            setAddedAttributes(function (addedAttributes) { return addedAttributes.concat((0, ramda_1.map)((0, ramda_1.prop)('uri'), selectedAttributes)); });
-        }
-    };
-    var handleDeleteAttribute = function (attributeName) {
-        setAddedAttributes(function (addedAttributes) { return (0, ramda_1.without)([attributeName], addedAttributes); });
-        if (!(0, ramda_1.isNil)(crosswalk[attributeName])) {
-            onDeleteAttribute(attributeName);
-        }
-    };
-    var attributes = (0, react_1.useMemo)(function () { return [
-        {
-            label: mdm_sdk_1.CrosswalksAttrTypes.sourceSystems.label,
-            uri: 'type'
-        },
-        {
-            label: mdm_sdk_1.CrosswalksAttrTypes.value.label,
-            uri: 'value'
-        },
-        {
-            label: mdm_sdk_1.CrosswalksAttrTypes.sourceTable.label,
-            uri: 'sourceTable',
-            canBeAdded: isTempCrosswalk,
-            canBeDeleted: isTempCrosswalk
-        },
-        {
-            label: mdm_sdk_1.CrosswalksAttrTypes.createDate.label,
-            uri: 'createDate'
-        },
-        {
-            label: mdm_sdk_1.CrosswalksAttrTypes.updateDate.label,
-            uri: 'updateDate'
-        },
-        {
-            label: mdm_sdk_1.CrosswalksAttrTypes.deleteDate.label,
-            uri: 'deleteDate',
-            canBeAdded: true,
-            canBeDeleted: true
-        },
-        {
-            label: mdm_sdk_1.CrosswalksAttrTypes.reltioLoadDate.label,
-            uri: 'reltioLoadDate'
-        },
-        {
-            label: mdm_sdk_1.CrosswalksAttrTypes.publishDate.label,
-            uri: 'sourcePublishDate'
-        }
-    ]; }, []);
-    var extraAttributes = (0, ramda_1.pipe)((0, ramda_1.filter)((0, ramda_1.propEq)('canBeAdded', true)), (0, ramda_1.filter)(function (item) { return !(0, ramda_1.has)(item.uri, crosswalk); }), (0, ramda_1.filter)(function (item) { return !addedAttributes.includes(item.uri); }))(attributes);
-    var renderAttributeValue = function (attributeName, attributeValue) {
-        switch (attributeName) {
-            case 'type': {
-                var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, attributeValue);
-                return isTempCrosswalk ? (react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', placeholder: attributeValue, className: styles.editor, value: { value: attributeValue, label: sourceSystemLabel }, options: (0, mdm_sdk_1.getCrosswalksTypes)(metadata)
-                        .sort((0, ramda_1.ascend)((0, ramda_1.prop)('label')))
-                        .map(function (_a) {
-                        var uri = _a.uri, label = _a.label;
-                        return ({
-                            value: uri,
-                            label: label
-                        });
-                    }), onChange: function (_a) {
-                        var value = _a.value;
-                        return onEditAttribute(attributeName, value);
-                    }, TextFieldProps: {
-                        InputProps: {
-                            disableUnderline: true
-                        }
-                    } })) : (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: attributeValue }),
-                    react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, sourceSystemLabel)));
-            }
-            case 'sourceTable':
-                return isTempCrosswalk ? (react_1.default.createElement(editors_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, size: "small", InputProps: {
-                        disableUnderline: true,
-                        classes: { input: styles.input }
-                    } })) : (react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, attributeValue));
-            case 'value':
-                return isTempCrosswalk ? (react_1.default.createElement(editors_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, size: "small", InputProps: {
-                        disableUnderline: true,
-                        classes: { input: styles.input }
-                    } })) : (react_1.default.createElement(CopyableValueField_1.default, { value: attributeValue }));
-            case 'deleteDate':
-                return (react_1.default.createElement(CrosswalkDateEditor_1.default, { value: attributeValue && moment_1.default.utc((0, mdm_sdk_1.parseTimestamp)(attributeValue)).valueOf(), onChange: function (value) { return onEditAttribute(attributeName, value === null || value === void 0 ? void 0 : value.toString()); }, classes: { root: styles.editor }, disabled: !canEditAttribute }));
-            case 'sourcePublishDate':
-            case 'createDate':
-            case 'updateDate':
-            case 'reltioLoadDate':
-                return (react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, (0, mdm_sdk_1.formatDateTime)(attributeValue)));
-            default:
-                return null;
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        extraAttributes.length > 0 && canEditAttribute && (react_1.default.createElement(MoreAttributesButton_1.MoreAttributesButton, { label: ui_i18n_1.default.text('Add attributes'), onApply: addSelectedAttributes, data: extraAttributes })),
-        attributes.map(function (attribute) {
-            return attribute.uri in crosswalk || addedAttributes.includes(attribute.uri) ? (react_1.default.createElement("div", { key: attribute.uri, className: styles.attributeWrapper },
-                react_1.default.createElement(Typography_1.default, { variant: 'body2', className: styles.attributeTitle }, "".concat(attribute.label, ":")),
-                react_1.default.createElement("div", { className: styles.attributeValue },
-                    renderAttributeValue(attribute.uri, crosswalk[attribute.uri]),
-                    attribute.canBeDeleted && (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Delete_1.default, disabled: !canEditAttribute, onClick: function () { return setPendingDeletionAttrUri(attribute.uri); }, size: "XS", tooltipTitle: ui_i18n_1.default.text('Delete attribute'), showForDisabled: true }))))) : null;
-        }),
-        react_1.default.createElement(ConfirmDeleteDialog_1.default, { open: !!pendingDeletionAttrUri, onClose: function () { return setPendingDeletionAttrUri(null); }, onConfirm: function () { return handleDeleteAttribute(pendingDeletionAttrUri); } })));
-};
-exports.default = CrosswalkAttributes;

package/cjs/components/crosswalks/CrosswalkAttributes/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "input" | "attributeValue" | "moreButton" | "editor" | "attributeTitle" | "sourceIcon" | "attributeWrapper">;

package/cjs/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.d.ts

@@ -1,10 +0,0 @@
-type Props = {
-    value?: number;
-    classes?: {
-        root?: string;
-    };
-    disabled?: boolean;
-    onChange: (value: number) => void;
-};
-declare const CrosswalkDateEditor: ({ value: currentValue, classes, disabled, onChange }: Props) => JSX.Element;
-export default CrosswalkDateEditor;

package/cjs/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 TimestampEditor_1 = __importDefault(require("../../editors/TimestampEditor/TimestampEditor"));
-var styles_1 = require("./styles");
-var CrosswalkDateEditor = function (_a) {
-    var currentValue = _a.value, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange;
-    var styles = (0, styles_1.useStyles)();
-    var _d = (0, react_1.useState)(currentValue), value = _d[0], setValue = _d[1];
-    (0, react_1.useEffect)(function () {
-        setValue(currentValue);
-    }, [currentValue]);
-    var handleChange = (0, react_1.useCallback)(function () {
-        var newValue = value === null || value === void 0 ? void 0 : value.valueOf();
-        if (currentValue !== newValue) {
-            onChange(newValue);
-        }
-    }, [onChange, value, currentValue]);
-    return (react_1.default.createElement(TimestampEditor_1.default, { slotProps: {
-            textField: {
-                variant: 'filled',
-                InputProps: {
-                    disableUnderline: true,
-                    classes: {
-                        input: styles.timestampEditorInput,
-                        root: (0, classnames_1.default)(styles.timestampEditor, classes.root)
-                    },
-                    onBlur: handleChange
-                }
-            }
-        }, value: value || null, disabled: disabled, onChange: setValue, onClose: handleChange }));
-};
-exports.default = CrosswalkDateEditor;

package/cjs/components/crosswalks/CrosswalkDragLayer/CrosswalkDragLayer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
-export default _default;

package/cjs/components/crosswalks/CrosswalkDragLayer/CrosswalkDragLayer.js

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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_dnd_1 = require("react-dnd");
-var CrosswalkDragPreview_1 = __importDefault(require("./CrosswalkDragPreview"));
-var styles_1 = require("./styles");
-var CrosswalkDragLayer = function () {
-    var _a;
-    var styles = (0, styles_1.useStyles)();
-    var _b = (0, react_dnd_1.useDragLayer)(function (monitor) { return ({
-        isDragging: monitor.isDragging(),
-        clientOffset: monitor.getClientOffset(),
-        item: monitor.getItem()
-    }); }), isDragging = _b.isDragging, clientOffset = _b.clientOffset, item = _b.item;
-    var dragLayerRef = (0, react_1.useRef)();
-    var dragLayerRect = ((_a = dragLayerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { x: 0, y: 0 };
-    var dragItemX = (clientOffset === null || clientOffset === void 0 ? void 0 : clientOffset.x) - (dragLayerRect === null || dragLayerRect === void 0 ? void 0 : dragLayerRect.x);
-    var dragItemY = (clientOffset === null || clientOffset === void 0 ? void 0 : clientOffset.y) - (dragLayerRect === null || dragLayerRect === void 0 ? void 0 : dragLayerRect.y);
-    var dragItemTransform = "translate(".concat(dragItemX, "px, ").concat(dragItemY, "px");
-    return (isDragging && (react_1.default.createElement("div", { ref: dragLayerRef, className: styles.dragLayer },
-        react_1.default.createElement("div", { style: {
-                display: 'flex',
-                transform: dragItemTransform,
-                WebkitTransform: dragItemTransform
-            } }, item.type === 'Crosswalk' && react_1.default.createElement(CrosswalkDragPreview_1.default, { crosswalk: item.crosswalk })))));
-};
-exports.default = (0, react_1.memo)(CrosswalkDragLayer);

package/cjs/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/cjs/components/crosswalks/CrosswalkDragLayer/CrosswalkDragPreview.js

@@ -1,24 +0,0 @@
-"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 mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var ColoredBlock_1 = __importDefault(require("../ColoredBlock/ColoredBlock"));
-var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var SourceIcon_1 = require("../../../SourceIcon");
-var contexts_1 = require("../../../contexts");
-var styles_1 = require("./styles");
-var CrosswalkDragPreview = function (_a) {
-    var crosswalk = _a.crosswalk;
-    var styles = (0, styles_1.useStyles)();
-    var metadata = (0, contexts_1.useMdmMetadata)();
-    var color = (0, CrosswalksDisplayContext_1.useCrosswalkColor)(crosswalk);
-    var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalk.type);
-    return (react_1.default.createElement(ColoredBlock_1.default, { color: color, className: styles.crosswalkPreview },
-        react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
-        react_1.default.createElement(Typography_1.default, { className: styles.sourceLabel, variant: 'body2' }, sourceSystemLabel)));
-};
-exports.default = CrosswalkDragPreview;

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

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

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

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-var constants_1 = require("../../../constants");
-exports.useStyles = (0, styles_1.makeStyles)({
-    dragLayer: {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        width: '100%',
-        height: '100%',
-        overflow: 'hidden',
-        zIndex: constants_1.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/cjs/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/cjs/components/crosswalks/CrosswalkEditor/CrosswalkEditor.js

@@ -1,55 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var CrosswalkAttributes_1 = __importDefault(require("../CrosswalkAttributes/CrosswalkAttributes"));
-var ramda_1 = require("ramda");
-var styles_1 = require("./styles");
-var CrosswalkEditor = function (_a) {
-    var className = _a.className, onAdd = _a.onAdd, onClose = _a.onClose;
-    var styles = (0, styles_1.useStyles)();
-    var _b = (0, react_1.useState)({ type: '', value: '' }), newCrosswalk = _b[0], setNewCrosswalk = _b[1];
-    var handleAdd = function () {
-        onAdd(newCrosswalk);
-        onClose();
-    };
-    return (react_1.default.createElement("div", { className: className },
-        react_1.default.createElement(Typography_1.default, { variant: 'body1', className: styles.caption }, ui_i18n_1.default.text('Add crosswalk')),
-        react_1.default.createElement(CrosswalkAttributes_1.default, { crosswalk: newCrosswalk, onDeleteAttribute: function (attributeName) {
-                setNewCrosswalk((0, ramda_1.dissoc)(attributeName));
-            }, onEditAttribute: function (attributeName, value) {
-                setNewCrosswalk((0, ramda_1.assoc)(attributeName, value));
-            } }),
-        react_1.default.createElement("div", { className: styles.controlButtons },
-            react_1.default.createElement(Button_1.default, { className: styles.cancelButton, onClick: onClose }, ui_i18n_1.default.text('Cancel')),
-            react_1.default.createElement(Button_1.default, { color: "primary", onClick: handleAdd, disabled: !newCrosswalk.type || !newCrosswalk.value }, ui_i18n_1.default.text('Add')))));
-};
-exports.default = CrosswalkEditor;

package/cjs/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/cjs/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -1,121 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var react_dnd_1 = require("react-dnd");
-var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
-var ArrowExpandButton_1 = require("../../../ArrowExpandButton");
-var ExpandedValueTooltip_1 = require("../../../ExpandedValueTooltip");
-var ColoredBlock_1 = __importDefault(require("../ColoredBlock/ColoredBlock"));
-var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var SourceIcon_1 = require("../../../SourceIcon");
-var Spacer_1 = __importDefault(require("../../Spacer/Spacer"));
-var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var NestedAttribute_1 = __importDefault(require("../../../icons/NestedAttribute"));
-var CrosswalkAttributes_1 = __importDefault(require("../CrosswalkAttributes/CrosswalkAttributes"));
-var contexts_1 = require("../../../contexts");
-var styles_1 = require("./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 = (0, react_1.useRef)(null);
-    var _e = (0, react_1.useState)(false), expanded = _e[0], setExpanded = _e[1];
-    var _f = (0, react_1.useState)(false), isDeleteDialogOpen = _f[0], setDeleteDialogOpen = _f[1];
-    var metadata = (0, contexts_1.useMdmMetadata)();
-    var crosswalkColor = (0, CrosswalksDisplayContext_1.useCrosswalkColor)(crosswalk);
-    var _g = (0, CrosswalksDisplayContext_1.useCrosswalkFocus)(crosswalk), toggleCrosswalkFocus = _g.toggleCrosswalkFocus, isFocused = _g.isFocused;
-    var _h = (0, CrosswalksDisplayContext_1.useCrosswalkHighlight)(crosswalk), isDimmed = _h.isDimmed, highlightCrosswalk = _h.highlightCrosswalk, removeHighlight = _h.removeHighlight;
-    var scrollToCrosswalk = (0, CrosswalksDisplayContext_1.useHighlightedCrosswalks)()[0];
-    var coloredCrosswalk = isDimmed ? 'rgba(0, 0, 0, 0.12)' : crosswalkColor;
-    var color = isEmpty ? '#FFF' : isColored ? coloredCrosswalk : '#CACCD1';
-    var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalk.type);
-    var crosswalkId = (0, mdm_sdk_1.getLastUriPart)(crosswalk.uri);
-    var crosswalkDisabled = (0, mdm_sdk_1.isCrosswalkDisabled)(crosswalk);
-    var styles = (0, styles_1.useStyles)({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
-    var _j = (0, react_dnd_1.useDrag)({
-        item: {
-            type: 'Crosswalk',
-            crosswalk: crosswalk
-        },
-        canDrag: !crosswalkDisabled
-    }), drag = _j[1], preview = _j[2];
-    var canDelete = !crosswalkDisabled && crosswalk.ownerType !== 'relation';
-    (0, react_1.useEffect)(function () {
-        preview((0, react_dnd_html5_backend_1.getEmptyImage)(), { captureDraggingState: true });
-    }, []);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if (focusable &&
-            scrollToCrosswalk &&
-            (0, mdm_sdk_1.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_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 ? 'disabled' : 'standart', 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.ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
-                react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
-                react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { 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.ExpandedValueTooltip, { 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: disableDelete
-                            ? ui_i18n_1.default.text("You don't have permissions to delete")
-                            : 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) {
-                        onEdit({
-                            crosswalkId: crosswalkId,
-                            attributeName: attributeName,
-                            value: value
-                        });
-                    }, onDeleteAttribute: function (attributeName) {
-                        onEdit({
-                            crosswalkId: crosswalkId,
-                            attributeName: attributeName
-                        });
-                    } }))))));
-};
-exports.default = (0, react_1.memo)(CrosswalkRow);

package/cjs/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/cjs/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/cjs/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.js

@@ -1,50 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
-var SourceIcon_1 = require("../../../SourceIcon");
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var contexts_1 = require("../../../contexts");
-var styles_1 = require("./styles");
-var DummyCrosswalkRow = function (_a) {
-    var crosswalkType = _a.crosswalkType, _b = _a.focusable, focusable = _b === void 0 ? true : _b;
-    var isDimmed = (0, CrosswalksDisplayContext_1.useCrosswalkHighlight)().isDimmed;
-    var styles = (0, styles_1.useStyles)({ isOpaque: !isDimmed });
-    var metadata = (0, contexts_1.useMdmMetadata)();
-    var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalkType);
-    return (react_1.default.createElement("div", { className: styles.root },
-        react_1.default.createElement(SmallIconButton_1.SmallIconButton, { 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.SourceIcon, { className: styles.sourceIcon, sourceType: crosswalkType }),
-            react_1.default.createElement(Typography_1.default, { variant: 'body2' }, sourceSystemLabel))));
-};
-exports.default = (0, react_1.memo)(DummyCrosswalkRow);