@reltio/components 1.4.1836-hf → 1.4.1837

package/esm/components/crosswalks/AttributesTable/cell-renderers/styles.js

@@ -1,114 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    coloredCell: {
-        '&::before': {
-            content: '""',
-            position: 'absolute',
-            right: 0,
-            top: 0,
-            width: '100%',
-            height: '100%',
-            background: 'rgba(0,0,0,0.06)',
-            pointerEvents: 'none'
-        }
-    },
-    headCell: {
-        display: 'flex',
-        alignItems: 'center',
-        fontSize: '12px',
-        height: '100%',
-        color: theme.palette.text.secondary
-    },
-    rowCell: {
-        fontSize: '13px',
-        overflow: 'hidden'
-    },
-    cellValueWrapper: {
-        position: 'relative',
-        padding: '15px 15px 0 15px',
-        '&:last-child': {
-            paddingBottom: '15px'
-        }
-        // '&:hover $dragIndicator': {
-        //     display: 'block'
-        // }
-    },
-    dragIndicator: {
-        display: 'none',
-        position: 'absolute',
-        top: '15px',
-        left: 0,
-        cursor: 'grab'
-    },
-    dragIndicatorIcon: {
-        fill: theme.palette.text.secondary,
-        width: '14px',
-        height: '14px'
-    },
-    attributeTitle: {
-        display: 'block',
-        marginLeft: '3px',
-        '&:not(:last-child)': {
-            marginBottom: '5px'
-        }
-    },
-    ovValue: {
-        '& + &': {
-            marginTop: '4px'
-        }
-    },
-    count: {
-        textAlign: 'center'
-    },
-    ruleType: {
-        display: 'flex',
-        alignItems: 'center'
-    },
-    ruleTypeLabel: {
-        marginRight: '5px'
-    },
-    rulePopup: {
-        width: '270px',
-        overflowY: 'hidden'
-    },
-    popupItem: {
-        paddingBottom: '5px',
-        paddingTop: '5px'
-    },
-    sourceIcon: {
-        height: '16px',
-        width: '16px',
-        marginRight: '9px',
-        fontSize: '14px'
-    },
-    closeButton: {
-        height: 24,
-        width: 24
-    },
-    popupTitle: {
-        fontWeight: 500,
-        marginLeft: '12px'
-    },
-    popupTitleWrapper: {
-        display: 'flex',
-        paddingLeft: 16,
-        paddingTop: 16
-    },
-    popupItemsWrapper: {
-        overflowY: 'auto',
-        maxHeight: '280px'
-    },
-    winnerSourceItemWrapper: {
-        paddingBottom: '2px',
-        paddingTop: '2px'
-    },
-    winnerSourceItem: {
-        display: 'flex',
-        alignItems: 'center',
-        width: '100%',
-        paddingLeft: '8px'
-    },
-    winnerSourceItemLabel: {
-        fontSize: 13
-    }
-}); });

package/esm/components/crosswalks/AttributesTable/helpers.d.ts

@@ -1,34 +0,0 @@
-import { AttributeType, AttributeValue, Crosswalk, Metadata, RecordAttributesType } from '@reltio/mdm-sdk';
-import { CrosswalksMap } from '../../../types';
-import { CrosswalksByOwnerTypeMap, AttributesTableRowValue, RuleTypeValues } from '../types';
-export declare const COLUMNS_DATA: ({
-    id: string;
-    readonly label: string;
-    hideable: boolean;
-    initialWidth: number;
-    minWidth: number;
-} | {
-    id: string;
-    readonly label: string;
-    initialWidth: number;
-    hideable?: undefined;
-    minWidth?: undefined;
-} | {
-    id: string;
-    readonly label: string;
-    initialWidth: number;
-    minWidth: number;
-    hideable?: undefined;
-} | {
-    id: string;
-    readonly label: string;
-    hideable: boolean;
-    initialWidth?: undefined;
-    minWidth?: undefined;
-})[];
-export declare const DEFAULT_VISIBLE_COLUMNS: string[];
-export declare const countAttributeValues: (type: string, values: AttributeValue[], crosswalksMap: CrosswalksMap) => number;
-export declare const getRuleTypeValues: (metadata: Metadata, attributeType: AttributeType, parentTypeUri: string, activeSurvivorshipGroupUri?: string) => RuleTypeValues;
-export declare const getWinnerCrosswalks: (attributeValues: AttributeValue[], crosswalksMap: CrosswalksMap) => Crosswalk[];
-export declare const getBasicTableColumnsData: any;
-export declare const getBasicTableRowsData: (metadata: Metadata, parentTypeUri: string, attrTypes: AttributeType[], columns: string[], crosswalksMap: CrosswalksByOwnerTypeMap, attributes: RecordAttributesType, activeSurvivorshipGroupUri?: string) => AttributesTableRowValue[];

package/esm/components/crosswalks/AttributesTable/helpers.js

@@ -1,192 +0,0 @@
-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 i18n from 'ui-i18n';
-import { assoc, chain, curry, descend, filter, find, flatten, map, pickBy, pipe, prop, propEq, propOr, reduce, sortWith, uniq, uniqBy, values, pathOr } from 'ramda';
-import HeadCellRenderer from './cell-renderers/HeadCellRenderer';
-import AttributesHeadCellRenderer from './cell-renderers/AttributesHeadCellRenderer';
-import DefaultCellValueRenderer from './cell-renderers/DefaultCellValueRenderer';
-import AttributeValuesRenderer from './cell-renderers/AttributeValuesRenderer';
-import OvValuesRenderer from './cell-renderers/OvValuesRenderer';
-import CountRenderer from './cell-renderers/CountRenderer';
-import RuleTypeRenderer from './cell-renderers/RuleTypeRenderer';
-import WinnerSourcesRenderer from './cell-renderers/WinnerSourcesRenderer';
-import { areOneHierarchyUris, DataTypes, findValueInAttributesByUriSuffix, getBaseUri, getCrosswalksTypes, getDefaultSurvivorshipStrategy, getLastUriPart, getReferencedAttrTypeUrisFromAttrType, getSurvivorshipStrategy, isComplexAttribute, isOv, isReference, isTempUri } from '@reltio/mdm-sdk';
-export var COLUMNS_DATA = [
-    {
-        id: 'ovValues',
-        get label() {
-            return i18n.text('Attributes & OV');
-        },
-        hideable: false,
-        initialWidth: 360,
-        minWidth: 250
-    },
-    {
-        id: 'winnerSources',
-        get label() {
-            return i18n.text('Winner source systems');
-        },
-        initialWidth: 220
-    },
-    {
-        id: 'ruleType',
-        get label() {
-            return i18n.text('Rule type');
-        },
-        initialWidth: 200
-    },
-    {
-        id: 'count',
-        get label() {
-            return i18n.text('Count');
-        },
-        initialWidth: 80,
-        minWidth: 80
-    },
-    {
-        id: 'values',
-        get label() {
-            return i18n.text('Attribute values');
-        },
-        hideable: false
-    }
-];
-var isOvValue = function (value) { return isOv(value) && !isTempUri(value.uri); };
-export var DEFAULT_VISIBLE_COLUMNS = ['ovValues', 'ruleType', 'values'];
-var getCellValueRenderer = function (columnId) {
-    switch (columnId) {
-        case 'ovValues':
-            return OvValuesRenderer;
-        case 'values':
-            return AttributeValuesRenderer;
-        case 'count':
-            return CountRenderer;
-        case 'ruleType':
-            return RuleTypeRenderer;
-        case 'winnerSources':
-            return WinnerSourcesRenderer;
-        default:
-            return DefaultCellValueRenderer;
-    }
-};
-export var countAttributeValues = function (type, values, crosswalksMap) {
-    if (values === void 0) { values = []; }
-    switch (type) {
-        case DataTypes.TYPE_REFERENCE:
-        case DataTypes.TYPE_NESTED:
-        case DataTypes.TYPE_IMAGE:
-            return values.length;
-        default:
-            return values.reduce(function (acc, value) { return acc + pathOr(0, [value.uri, 'length'], crosswalksMap); }, 0);
-    }
-};
-var isSourceSystemRule = function (ruleType) {
-    return (ruleType === null || ruleType === void 0 ? void 0 : ruleType.uri) === 'configuration/survivorshipStrategies/SRC_SYS';
-};
-var isOtherAttributeWinnerRule = function (ruleType) {
-    return (ruleType === null || ruleType === void 0 ? void 0 : ruleType.uri) === 'configuration/survivorshipStrategies/OtherAttributeWinnerCrosswalk';
-};
-var isMinMaxValueRule = function (ruleType) {
-    return (ruleType === null || ruleType === void 0 ? void 0 : ruleType.uri) === 'configuration/survivorshipStrategies/MinValue' ||
-        (ruleType === null || ruleType === void 0 ? void 0 : ruleType.uri) === 'configuration/survivorshipStrategies/MaxValue';
-};
-var getSourcesUriOrderFromMetadata = pipe(getCrosswalksTypes, sortWith([descend(propOr(-1, 'priority'))]), map(prop('uri')));
-var fixReferencedAttributeUri = curry(function (parentType, attrTypeUri) {
-    if (isReference(parentType) && attrTypeUri) {
-        var referencedAttrUri = pipe(getReferencedAttrTypeUrisFromAttrType, find(function (uri) { return uri.slice(getBaseUri(uri).length) === attrTypeUri.slice(parentType.uri.length); }))(parentType);
-        return referencedAttrUri || attrTypeUri;
-    }
-    else {
-        return attrTypeUri;
-    }
-});
-export var getRuleTypeValues = function (metadata, attributeType, parentTypeUri, activeSurvivorshipGroupUri) {
-    var _a, _b;
-    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find(propEq('uri', parentTypeUri));
-    var survivorshipGroups = (_a = parentType === null || parentType === void 0 ? void 0 : parentType.survivorshipGroups) !== null && _a !== void 0 ? _a : [];
-    var currentSurvivorshipGroup = (activeSurvivorshipGroupUri && survivorshipGroups.find(propEq('uri', activeSurvivorshipGroupUri))) ||
-        survivorshipGroups.find(propEq('default', true));
-    var mapping = (_b = currentSurvivorshipGroup === null || currentSurvivorshipGroup === void 0 ? void 0 : currentSurvivorshipGroup.mapping) === null || _b === void 0 ? void 0 : _b.find(propEq('attribute', attributeType.uri));
-    var ruleType = getSurvivorshipStrategy(metadata, mapping === null || mapping === void 0 ? void 0 : mapping.survivorshipStrategy) || getDefaultSurvivorshipStrategy(metadata);
-    var sourcesUriOrder = isSourceSystemRule(ruleType)
-        ? uniq(__spreadArray(__spreadArray(__spreadArray([], ((mapping === null || mapping === void 0 ? void 0 : mapping.sourcesUriOrder) || []), true), ((currentSurvivorshipGroup === null || currentSurvivorshipGroup === void 0 ? void 0 : currentSurvivorshipGroup.sourcesUriOrder) || []), true), getSourcesUriOrderFromMetadata(metadata), true))
-        : undefined;
-    var fixUri = fixReferencedAttributeUri(attributeType);
-    var primaryAttributeUri = isOtherAttributeWinnerRule(ruleType) ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.primaryAttributeUri) : undefined;
-    var comparisonAttributeUri = isComplexAttribute(attributeType) && isMinMaxValueRule(ruleType)
-        ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.comparisonAttributeUri)
-        : undefined;
-    return {
-        ruleType: ruleType,
-        sourcesUriOrder: sourcesUriOrder,
-        primaryAttributeUri: primaryAttributeUri,
-        comparisonAttributeUri: comparisonAttributeUri
-    };
-};
-export var getWinnerCrosswalks = function (attributeValues, crosswalksMap) {
-    if (attributeValues === void 0) { attributeValues = []; }
-    return pipe(filter(isOvValue), chain(function (value) {
-        return pipe(pickBy(function (_, attrUri) {
-            var isInHierarchy = areOneHierarchyUris(attrUri, value.uri);
-            var subAttrUriSuffix = isInHierarchy ? attrUri.slice(value.uri.length + 1) : '';
-            var subAttrValue = subAttrUriSuffix &&
-                findValueInAttributesByUriSuffix(value.value, subAttrUriSuffix);
-            return isInHierarchy && (!subAttrValue || isOvValue(subAttrValue));
-        }), values, flatten)(crosswalksMap);
-    }), uniqBy(prop('uri')))(attributeValues);
-};
-export var getBasicTableColumnsData = map(function (_a) {
-    var id = _a.id, label = _a.label, initialWidth = _a.initialWidth, minWidth = _a.minWidth;
-    return ({
-        id: id,
-        label: label,
-        initialWidth: initialWidth,
-        minWidth: minWidth,
-        autoResize: !initialWidth,
-        resizable: true,
-        sortable: false,
-        headCellRenderer: id === 'ovValues' ? AttributesHeadCellRenderer : HeadCellRenderer,
-        rowCellValueRenderer: getCellValueRenderer(id)
-    });
-});
-var getRowValueForColumn = function (columnId, metadata, parentTypeUri, attributeType, crosswalksMap, attributeValues, activeSurvivorshipGroupUri) {
-    switch (columnId) {
-        case 'ovValues':
-            return {
-                attributeType: attributeType,
-                values: attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.filter(isOvValue)
-            };
-        case 'values':
-            return {
-                attributeType: attributeType,
-                attributeValues: attributeValues,
-                crosswalksMap: crosswalksMap
-            };
-        case 'count':
-            return countAttributeValues(attributeType.type, attributeValues, crosswalksMap);
-        case 'ruleType':
-            return getRuleTypeValues(metadata, attributeType, parentTypeUri, activeSurvivorshipGroupUri);
-        case 'winnerSources':
-            return { crosswalks: getWinnerCrosswalks(attributeValues, crosswalksMap) };
-        default:
-            return null;
-    }
-};
-export var getBasicTableRowsData = function (metadata, parentTypeUri, attrTypes, columns, crosswalksMap, attributes, activeSurvivorshipGroupUri) {
-    if (attrTypes === void 0) { attrTypes = []; }
-    return attrTypes.map(function (attributeType) {
-        var attrName = getLastUriPart(attributeType.uri);
-        var attrValues = attributes[attrName];
-        var crosswalksMapForAttribute = isReference(attributeType) ? crosswalksMap.relation : crosswalksMap.entity;
-        return pipe(reduce(function (acc, columnId) {
-            return assoc(columnId, getRowValueForColumn(columnId, metadata, parentTypeUri, attributeType, crosswalksMapForAttribute, attrValues, activeSurvivorshipGroupUri), acc);
-        }, {}), assoc('rawValue', attrValues))(columns);
-    });
-};

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

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"tableContainer" | "tableHeader" | "tableTitle" | "tableContent">;

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

@@ -1,23 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles({
-    tableContainer: {
-        height: '100%',
-        overflow: 'hidden',
-        display: 'flex',
-        flexDirection: 'column'
-    },
-    tableHeader: {
-        display: 'flex',
-        flexDirection: 'row'
-    },
-    tableTitle: {
-        marginRight: 'auto'
-    },
-    tableContent: {
-        display: 'flex',
-        flexDirection: 'column',
-        flex: 1,
-        overflow: 'hidden',
-        position: 'relative'
-    }
-});

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

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const ColoredBlock: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    color: string;
-    opacity?: number;
-    variant?: 'standart' | 'disabled';
-} & React.RefAttributes<HTMLDivElement>>;
-export default ColoredBlock;

package/esm/components/crosswalks/ColoredBlock/ColoredBlock.js

@@ -1,37 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import EventBusyIcon from '@mui/icons-material/EventBusy';
-import Tooltip from '@mui/material/Tooltip';
-import { useColoredItemStyles } from './styles';
-var ColoredBlock = forwardRef(function (_a, ref) {
-    var color = _a.color, opacity = _a.opacity, _b = _a.variant, variant = _b === void 0 ? 'standart' : _b, children = _a.children, className = _a.className, props = __rest(_a, ["color", "opacity", "variant", "children", "className"]);
-    var styles = useColoredItemStyles({ color: color, opacity: opacity, variant: variant });
-    return (React.createElement("div", __assign({ ref: ref, "data-reltio-id": "cw-colored-block", className: classnames(styles.item, className) }, props),
-        children,
-        variant === 'disabled' && (React.createElement(Tooltip, { title: i18n.text('End-dated crosswalk') },
-            React.createElement(EventBusyIcon, { className: styles.endDatedCrosswalkIcon })))));
-});
-export default ColoredBlock;

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

@@ -1,5 +0,0 @@
-type Props = {
-    value: string;
-};
-declare const CopyableValueField: ({ value }: Props) => JSX.Element;
-export default CopyableValueField;

package/esm/components/crosswalks/CopyableValueField/CopyableValueField.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { SmallIconButton } from '../../../SmallIconButton';
-import Typography from '@mui/material/Typography';
-import CopyIcon from '../../../icons/Copy';
-import { useStyles } from './styles';
-var CopyableValueField = function (_a) {
-    var value = _a.value;
-    var styles = useStyles();
-    return (React.createElement("div", { className: styles.root },
-        React.createElement(Typography, { className: styles.text, variant: 'body2' }, value),
-        React.createElement(SmallIconButton, { size: "XXS", icon: CopyIcon, color: "primary", className: styles.button, onClick: function () { return navigator.clipboard.writeText(value); } })));
-};
-export default CopyableValueField;

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

@@ -1,9 +0,0 @@
-import { CrosswalkBase } from '@reltio/mdm-sdk';
-type Props = {
-    crosswalk: CrosswalkBase | Omit<CrosswalkBase, 'uri'>;
-    canEditAttribute?: boolean;
-    onEditAttribute: (attributeName: string, value: any) => void;
-    onDeleteAttribute: (attributeName: string) => void;
-};
-declare const CrosswalkAttributes: ({ crosswalk, canEditAttribute, onEditAttribute, onDeleteAttribute }: Props) => JSX.Element;
-export default CrosswalkAttributes;

package/esm/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -1,130 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import { ascend, filter, has, isNil, map, pipe, prop, propEq, without } from 'ramda';
-import i18n from 'ui-i18n';
-import moment from 'moment';
-import { CrosswalksAttrTypes, formatDateTime, getCrosswalksTypes, getSourceSystemLabel, parseTimestamp } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
-import DeleteIcon from '@mui/icons-material/Delete';
-import ConfirmDeleteDialog from '../../ConfirmDeleteDialog/ConfirmDeleteDialog';
-import { MoreAttributesButton } from '../../../MoreAttributesButton';
-import SimpleDropDownSelector from '../../SimpleDropDownSelector/SimpleDropDownSelector';
-import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
-import { SourceIcon } from '../../../SourceIcon';
-import { TextEditor } from '../../editors';
-import CopyableValueField from '../CopyableValueField/CopyableValueField';
-import CrosswalkDateEditor from '../CrosswalkDateEditor/CrosswalkDateEditor';
-import { useMdmMetadata } from '../../../contexts';
-import { useStyles } from './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 = useStyles();
-    var _c = useState([]), addedAttributes = _c[0], setAddedAttributes = _c[1];
-    var _d = useState(null), pendingDeletionAttrUri = _d[0], setPendingDeletionAttrUri = _d[1];
-    var metadata = useMdmMetadata();
-    var isTempCrosswalk = !('uri' in crosswalk);
-    var addSelectedAttributes = function (selectedAttributes) {
-        if (selectedAttributes.length > 0) {
-            setAddedAttributes(function (addedAttributes) { return addedAttributes.concat(map(prop('uri'), selectedAttributes)); });
-        }
-    };
-    var handleDeleteAttribute = function (attributeName) {
-        setAddedAttributes(function (addedAttributes) { return without([attributeName], addedAttributes); });
-        if (!isNil(crosswalk[attributeName])) {
-            onDeleteAttribute(attributeName);
-        }
-    };
-    var attributes = useMemo(function () { return [
-        {
-            label: CrosswalksAttrTypes.sourceSystems.label,
-            uri: 'type'
-        },
-        {
-            label: CrosswalksAttrTypes.value.label,
-            uri: 'value'
-        },
-        {
-            label: CrosswalksAttrTypes.sourceTable.label,
-            uri: 'sourceTable',
-            canBeAdded: isTempCrosswalk,
-            canBeDeleted: isTempCrosswalk
-        },
-        {
-            label: CrosswalksAttrTypes.createDate.label,
-            uri: 'createDate'
-        },
-        {
-            label: CrosswalksAttrTypes.updateDate.label,
-            uri: 'updateDate'
-        },
-        {
-            label: CrosswalksAttrTypes.deleteDate.label,
-            uri: 'deleteDate',
-            canBeAdded: true,
-            canBeDeleted: true
-        },
-        {
-            label: CrosswalksAttrTypes.reltioLoadDate.label,
-            uri: 'reltioLoadDate'
-        },
-        {
-            label: CrosswalksAttrTypes.publishDate.label,
-            uri: 'sourcePublishDate'
-        }
-    ]; }, []);
-    var extraAttributes = pipe(filter(propEq('canBeAdded', true)), filter(function (item) { return !has(item.uri, crosswalk); }), filter(function (item) { return !addedAttributes.includes(item.uri); }))(attributes);
-    var renderAttributeValue = function (attributeName, attributeValue) {
-        switch (attributeName) {
-            case 'type': {
-                var sourceSystemLabel = getSourceSystemLabel(metadata, attributeValue);
-                return isTempCrosswalk ? (React.createElement(SimpleDropDownSelector, { label: '', placeholder: attributeValue, className: styles.editor, value: { value: attributeValue, label: sourceSystemLabel }, options: getCrosswalksTypes(metadata)
-                        .sort(ascend(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.createElement(React.Fragment, null,
-                    React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: attributeValue }),
-                    React.createElement(Typography, { className: styles.text, variant: 'body2' }, sourceSystemLabel)));
-            }
-            case 'sourceTable':
-                return isTempCrosswalk ? (React.createElement(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.createElement(Typography, { className: styles.text, variant: 'body2' }, attributeValue));
-            case 'value':
-                return isTempCrosswalk ? (React.createElement(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.createElement(CopyableValueField, { value: attributeValue }));
-            case 'deleteDate':
-                return (React.createElement(CrosswalkDateEditor, { value: attributeValue && moment.utc(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.createElement(Typography, { className: styles.text, variant: 'body2' }, formatDateTime(attributeValue)));
-            default:
-                return null;
-        }
-    };
-    return (React.createElement(React.Fragment, null,
-        extraAttributes.length > 0 && canEditAttribute && (React.createElement(MoreAttributesButton, { label: i18n.text('Add attributes'), onApply: addSelectedAttributes, data: extraAttributes })),
-        attributes.map(function (attribute) {
-            return attribute.uri in crosswalk || addedAttributes.includes(attribute.uri) ? (React.createElement("div", { key: attribute.uri, className: styles.attributeWrapper },
-                React.createElement(Typography, { variant: 'body2', className: styles.attributeTitle }, "".concat(attribute.label, ":")),
-                React.createElement("div", { className: styles.attributeValue },
-                    renderAttributeValue(attribute.uri, crosswalk[attribute.uri]),
-                    attribute.canBeDeleted && (React.createElement(SmallIconButtonWithTooltip, { icon: DeleteIcon, disabled: !canEditAttribute, onClick: function () { return setPendingDeletionAttrUri(attribute.uri); }, size: "XS", tooltipTitle: i18n.text('Delete attribute'), showForDisabled: true }))))) : null;
-        }),
-        React.createElement(ConfirmDeleteDialog, { open: !!pendingDeletionAttrUri, onClose: function () { return setPendingDeletionAttrUri(null); }, onConfirm: function () { return handleDeleteAttribute(pendingDeletionAttrUri); } })));
-};
-export default CrosswalkAttributes;

package/esm/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/esm/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/esm/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js

@@ -1,32 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import classnames from 'classnames';
-import TimestampEditor from '../../editors/TimestampEditor/TimestampEditor';
-import { useStyles } from './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 = useStyles();
-    var _d = useState(currentValue), value = _d[0], setValue = _d[1];
-    useEffect(function () {
-        setValue(currentValue);
-    }, [currentValue]);
-    var handleChange = useCallback(function () {
-        var newValue = value === null || value === void 0 ? void 0 : value.valueOf();
-        if (currentValue !== newValue) {
-            onChange(newValue);
-        }
-    }, [onChange, value, currentValue]);
-    return (React.createElement(TimestampEditor, { slotProps: {
-            textField: {
-                variant: 'filled',
-                InputProps: {
-                    disableUnderline: true,
-                    classes: {
-                        input: styles.timestampEditorInput,
-                        root: classnames(styles.timestampEditor, classes.root)
-                    },
-                    onBlur: handleChange
-                }
-            }
-        }, value: value || null, disabled: disabled, onChange: setValue, onClose: handleChange }));
-};
-export default CrosswalkDateEditor;

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

@@ -1,25 +0,0 @@
-import React, { memo, useRef } from 'react';
-import { useDragLayer } from 'react-dnd';
-import CrosswalkDragPreview from './CrosswalkDragPreview';
-import { useStyles } from './styles';
-var CrosswalkDragLayer = function () {
-    var _a;
-    var styles = useStyles();
-    var _b = useDragLayer(function (monitor) { return ({
-        isDragging: monitor.isDragging(),
-        clientOffset: monitor.getClientOffset(),
-        item: monitor.getItem()
-    }); }), isDragging = _b.isDragging, clientOffset = _b.clientOffset, item = _b.item;
-    var dragLayerRef = 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.createElement("div", { ref: dragLayerRef, className: styles.dragLayer },
-        React.createElement("div", { style: {
-                display: 'flex',
-                transform: dragItemTransform,
-                WebkitTransform: dragItemTransform
-            } }, item.type === 'Crosswalk' && React.createElement(CrosswalkDragPreview, { crosswalk: item.crosswalk })))));
-};
-export default memo(CrosswalkDragLayer);