@reltio/components 1.4.1585 → 1.4.1586-mui5

package/cjs/components/ReactSortableTree/treeNodeStyle.d.ts

@@ -1 +0,0 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"@global .rst__node" | "@global .rst__node.rst__rtl" | "@global .rst__nodeContent" | "@global .rst__lineBlock, .rst__absoluteLineBlock" | "@global .rst__absoluteLineBlock" | "@global .rst__lineHalfHorizontalRight::before, .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after" | "@global .rst__lineHalfHorizontalRight::before" | "@global .rst__rtl.rst__lineHalfHorizontalRight::before" | "@global .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after" | "@global .rst__rtl.rst__lineFullVertical::after, .rst__rtl.rst__lineHalfVerticalTop::after, .rst__rtl.rst__lineHalfVerticalBottom::after" | "@global .rst__lineHalfVerticalTop::after" | "@global .rst__lineHalfVerticalBottom::after" | "@global .rst__highlightLineVertical" | "@global .rst__highlightLineVertical::before" | "@global .rst__rtl.rst__highlightLineVertical::before" | "@keyframes arrow-pulse" | "@global .rst__highlightLineVertical::after" | "@global .rst__rtl.rst__highlightLineVertical::after" | "@global .rst__highlightTopLeftCorner::before" | "@global .rst__rtl.rst__highlightTopLeftCorner::before" | "@global .rst__highlightBottomLeftCorner" | "@global .rst__highlightBottomLeftCorner::before" | "@global .rst__rtl.rst__highlightBottomLeftCorner::before" | "@global .rst__highlightBottomLeftCorner::after" | "@global .rst__rtl.rst__highlightBottomLeftCorner::after">;

package/cjs/components/ReactSortableTree/treeNodeStyle.js

@@ -1,236 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
-    '@global .rst__node': {
-        minWidth: '100%',
-        whiteSpace: 'nowrap',
-        position: 'relative',
-        textAlign: 'left'
-    },
-    '@global .rst__node.rst__rtl': {
-        textAlign: 'right'
-    },
-    '@global .rst__nodeContent': {
-        position: 'absolute',
-        top: 0,
-        bottom: 0
-    },
-    /* ==========================================================================
-       Scaffold
-    
-        Line-overlaid blocks used for showing the tree structure
-       ========================================================================== */
-    '@global .rst__lineBlock, .rst__absoluteLineBlock': {
-        height: '100%',
-        position: 'relative',
-        display: 'inline-block'
-    },
-    '@global .rst__absoluteLineBlock': {
-        position: 'absolute',
-        top: 0
-    },
-    '@global .rst__lineHalfHorizontalRight::before, .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after': {
-        position: 'absolute',
-        content: '',
-        backgroundColor: 'black'
-    },
-    /**
-     * +-----+
-     * |     |
-     * |  +--+
-     * |     |
-     * +-----+
-     */
-    '@global .rst__lineHalfHorizontalRight::before': {
-        height: '1px',
-        top: '50%',
-        right: 0,
-        width: '50%'
-    },
-    '@global .rst__rtl.rst__lineHalfHorizontalRight::before': {
-        left: 0,
-        right: 'initial'
-    },
-    /**
-     * +--+--+
-     * |  |  |
-     * |  |  |
-     * |  |  |
-     * +--+--+
-     */
-    '@global .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after': {
-        width: '1px',
-        left: '50%',
-        top: 0,
-        height: '100%'
-    },
-    /**
-     * +--+--+
-     * |  |  |
-     * |  |  |
-     * |  |  |
-     * +--+--+
-     */
-    '@global .rst__rtl.rst__lineFullVertical::after, .rst__rtl.rst__lineHalfVerticalTop::after, .rst__rtl.rst__lineHalfVerticalBottom::after': {
-        right: '50%',
-        left: 'initial'
-    },
-    /**
-     * +-----+
-     * |  |  |
-     * |  +  |
-     * |     |
-     * +-----+
-     */
-    '@global .rst__lineHalfVerticalTop::after': {
-        height: '50%'
-    },
-    /**
-     * +-----+
-     * |     |
-     * |  +  |
-     * |  |  |
-     * +-----+
-     */
-    '@global .rst__lineHalfVerticalBottom::after': {
-        top: 'auto',
-        bottom: 0,
-        height: '50%'
-    },
-    /* Highlight line for pointing to dragged row destination
-       ========================================================================== */
-    /**
-     * +--+--+
-     * |  |  |
-     * |  |  |
-     * |  |  |
-     * +--+--+
-     */
-    '@global .rst__highlightLineVertical': {
-        zIndex: 3
-    },
-    '@global .rst__highlightLineVertical::before': {
-        position: 'absolute',
-        content: '',
-        backgroundColor: '#36c2f6',
-        width: '8px',
-        marginLeft: '-4px',
-        left: '50%',
-        top: 0,
-        height: '100%'
-    },
-    '@global .rst__rtl.rst__highlightLineVertical::before': {
-        marginLeft: 'initial',
-        marginRight: '-4px',
-        left: 'initial',
-        right: '50%'
-    },
-    '@keyframes arrow-pulse': {
-        '0%': {
-            transform: 'translate(0, 0)',
-            opacity: 0
-        },
-        '30%': {
-            transform: 'translate(0, 300%)',
-            opacity: 1
-        },
-        '70%': {
-            transform: 'translate(0, 700%)',
-            opacity: 1
-        },
-        '100%': {
-            transform: 'translate(0, 1000%)',
-            opacity: 0
-        }
-    },
-    '@global .rst__highlightLineVertical::after': {
-        content: '',
-        position: 'absolute',
-        height: 0,
-        marginLeft: '-4px',
-        left: '50%',
-        top: 0,
-        borderLeft: '4px solid transparent',
-        borderRight: '4px solid transparent',
-        borderTop: '4px solid white',
-        animation: 'arrow-pulse 1s infinite linear both'
-    },
-    '@global .rst__rtl.rst__highlightLineVertical::after': {
-        marginLeft: 'initial',
-        marginRight: '-4px',
-        right: '50%',
-        left: 'initial'
-    },
-    /**
-     * +-----+
-     * |     |
-     * |  +--+
-     * |  |  |
-     * +--+--+
-     */
-    '@global .rst__highlightTopLeftCorner::before': {
-        zIndex: 3,
-        content: '',
-        position: 'absolute',
-        borderTop: 'solid 8px #36c2f6',
-        borderLeft: 'solid 8px #36c2f6',
-        boxSizing: 'border-box',
-        height: 'calc(50% + 4px)',
-        top: '50%',
-        marginTop: '-4px',
-        right: 0,
-        width: 'calc(50% + 4px)'
-    },
-    '@global .rst__rtl.rst__highlightTopLeftCorner::before': {
-        borderRight: 'solid 8px #36c2f6',
-        borderLeft: 'none',
-        left: 0,
-        right: 'initial'
-    },
-    /**
-     * +--+--+
-     * |  |  |
-     * |  |  |
-     * |  +->|
-     * +-----+
-     */
-    '@global .rst__highlightBottomLeftCorner': {
-        zIndex: 3
-    },
-    '@global .rst__highlightBottomLeftCorner::before': {
-        content: '',
-        position: 'absolute',
-        borderBottom: 'solid 8px #36c2f6',
-        borderLeft: 'solid 8px #36c2f6',
-        boxSizing: 'border-box',
-        height: 'calc(100% + 4px)',
-        top: 0,
-        right: '12px',
-        width: 'calc(50% - 8px)'
-    },
-    '@global .rst__rtl.rst__highlightBottomLeftCorner::before': {
-        borderRight: 'solid 8px #36c2f6',
-        borderLeft: 'none',
-        left: '12px',
-        right: 'initial'
-    },
-    '@global .rst__highlightBottomLeftCorner::after': {
-        content: '',
-        position: 'absolute',
-        height: 0,
-        right: 0,
-        top: '100%',
-        marginTop: '-12px',
-        borderTop: '12px solid transparent',
-        borderBottom: '12px solid transparent',
-        borderLeft: '12px solid #36c2f6'
-    },
-    '@global .rst__rtl.rst__highlightBottomLeftCorner::after': {
-        left: 0,
-        right: 'initial',
-        borderRight: '12px solid #36c2f6',
-        borderLeft: 'none'
-    }
-}); });

package/cjs/components/RelationEditor/RelationEditor.js

@@ -1,211 +0,0 @@
-"use strict";
-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 __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 prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = require("@reltio/mdm-module");
-var ConnectionRelationTypeSelector_1 = __importDefault(require("../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector"));
-var ErrorWrapper_1 = __importDefault(require("../ErrorWrapper/ErrorWrapper"));
-var EntitySelector_1 = __importDefault(require("../attributes/editMode/EntitySelector/EntitySelector"));
-var AttributesList_1 = __importDefault(require("../attributes/editMode/AttributesList"));
-var HOCs_1 = require("../../HOCs");
-var contexts_1 = require("../../contexts");
-var hooks_1 = require("../../hooks");
-var styles_1 = require("./styles");
-var areRelatedEntitiesChanged = function (initial, actual) {
-    return initial.length !== actual.length || initial.some(function (_, i) { return initial[i] !== actual[i]; });
-};
-var RelationEditor = function (_a) {
-    var _b;
-    var connection = _a.connection, modifiedEntity = _a.modifiedEntity, initialConnection = _a.initialConnection, initialModifiedEntity = _a.initialModifiedEntity, allModifiedEntities = _a.allModifiedEntities, dispatch = _a.dispatch, config = _a.config, mode = _a.mode, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, error = _a.error, highlightedError = _a.highlightedError;
-    var _c = connection.relation, relationUri = _c.relationUri, relationType = _c.relationType, direction = _c.direction;
-    var isNew = connection.isNew;
-    var styles = (0, styles_1.useStyles)();
-    var _d = (0, hooks_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _d.ref, errorClassName = _d.errorClassName;
-    var _e = (0, react_1.useMemo)(function () {
-        return (0, mdm_sdk_1.getInOutRelations)({
-            content: connection.parentEntityUri ? config.contentSecondLevel : config.content,
-            direction: direction,
-            relationType: relationType,
-            mode: mode,
-            metadata: metadata
-        });
-    }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _f = _e.inRelations, inRelationTypes = _f === void 0 ? [] : _f, _g = _e.outRelations, outRelationTypes = _g === void 0 ? [] : _g;
-    var firstLevelRelationAttrTypes = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationType); }, [relationType, metadata]);
-    var attributeListEntity = (0, react_1.useMemo)(function () { return (__assign({ attributes: __assign({}, mdm_module_1.profile.relations.selectors.getRelationAttributesFromConnection(connection)) }, (0, mdm_sdk_1.getActivenessAttributes)(connection.relation))); }, [connection]);
-    var relatedTempEntities = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.findRelatedTemporaryEntities)(allModifiedEntities, modifiedEntity); }, [allModifiedEntities, modifiedEntity]);
-    var relatedTempEntitiesUrisHistory = (0, react_1.useRef)([]);
-    var setInitialInfo = (0, react_1.useCallback)(function (entity, connection) {
-        dispatch(mdm_module_1.profile.relations.actions.setInitialInfo(config.id, relationUri, entity, connection));
-    }, [dispatch]);
-    (0, react_1.useEffect)(function () {
-        if (!initialConnection) {
-            setInitialInfo(modifiedEntity, connection);
-        }
-    }, []);
-    (0, react_1.useEffect)(function () {
-        relatedTempEntitiesUrisHistory.current = (0, ramda_1.pipe)((0, ramda_1.concat)(relatedTempEntities.map((0, ramda_1.prop)('uri'))), ramda_1.uniq)(relatedTempEntitiesUrisHistory.current);
-    }, [relatedTempEntities]);
-    var initialRelatedTempEntities = (0, react_1.useRef)(relatedTempEntities);
-    var defaultRelationType = (0, mdm_sdk_1.getDefaultRelationTypeObject)(inRelationTypes, outRelationTypes);
-    var initialConnectionChangeablePart = (0, ramda_1.pick)(['entity', 'relation'], initialConnection || {});
-    var connectionChangeablePart = (0, ramda_1.pick)(['entity', 'relation'], connection);
-    var hasChanges = !(0, mdm_sdk_1.isEmptyValue)((0, ramda_1.path)(['entity'], connection)) &&
-        (!(0, ramda_1.equals)(initialConnectionChangeablePart, connectionChangeablePart) ||
-            !(0, ramda_1.equals)(initialModifiedEntity, modifiedEntity) ||
-            areRelatedEntitiesChanged(initialRelatedTempEntities.current, relatedTempEntities));
-    var applyAction = isNew ? mdm_module_1.profile.relations.actions.addRelation : mdm_module_1.profile.relations.actions.editRelation;
-    var onRelationTypeChange = (0, react_1.useCallback)((0, ramda_1.pipe)(mdm_module_1.profile.relations.actions.setRelationType(config.id, relationUri), dispatch), [config, relationUri, dispatch]);
-    var handleClose = (0, react_1.useCallback)(function () { return (0, ramda_1.pipe)(mdm_module_1.profile.relations.actions.closeRelationEditor, dispatch)(config.id, relationUri); }, [config, relationUri, dispatch]);
-    var updateModifiedEntityLabel = (0, react_1.useCallback)(function (connection) {
-        if (modifiedEntity) {
-            var entityType = (0, mdm_sdk_1.getEntityType)(metadata, modifiedEntity.type);
-            return (0, mdm_sdk_1.updateConnectionEntityLabel)(entityType, modifiedEntity, connection);
-        }
-        return connection;
-    }, [modifiedEntity, metadata]);
-    var setModifiedEntity = (0, react_1.useCallback)(function (entity) { return dispatch(mdm_module_1.profile.modifiedEntities.actions.entityCreated(entity)); }, [dispatch]);
-    var deleteModifiedEntity = (0, react_1.useCallback)(function (entityUri) { return dispatch(mdm_module_1.profile.modifiedEntities.actions.entityDeleted(entityUri)); }, [dispatch]);
-    var onChangeEntity = (0, react_1.useCallback)(function (entity) {
-        if (modifiedEntity) {
-            deleteModifiedEntity(modifiedEntity.uri);
-        }
-        dispatch(mdm_module_1.profile.relations.actions.setRelationEntity(config.id, relationUri, entity));
-        if (error) {
-            dispatch(mdm_module_1.profile.errors.actions.errorDeactivated((0, mdm_sdk_1.getErrorId)(error)));
-        }
-    }, [config.id, relationUri, dispatch, modifiedEntity, deleteModifiedEntity, error]);
-    var validate = (0, react_1.useCallback)(function () {
-        var errors = (0, mdm_sdk_1.validateConnection)(metadata, allModifiedEntities, connection);
-        dispatch(mdm_module_1.profile.errors.actions.errorsSet(errors));
-        return errors.length === 0;
-    }, [connection, metadata, allModifiedEntities, dispatch]);
-    var resetErrors = (0, react_1.useCallback)(function () { return dispatch(mdm_module_1.profile.errors.actions.errorsSet([])); }, [dispatch]);
-    var onApply = (0, react_1.useCallback)((0, ramda_1.pipe)((0, ramda_1.always)(connection), (0, ramda_1.when)(validate, (0, ramda_1.pipe)(mdm_sdk_1.omitMarks, updateModifiedEntityLabel, (0, ramda_1.omit)(['initial']), applyAction(config.id), dispatch, (0, ramda_1.always)((0, ramda_1.differenceWith)(ramda_1.equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map((0, ramda_1.prop)('uri')))), (0, ramda_1.forEach)(deleteModifiedEntity), handleClose))), [connection, config, dispatch, updateModifiedEntityLabel, validate, relatedTempEntities]);
-    var onCancel = (0, react_1.useCallback)(function () {
-        if (modifiedEntity !== initialModifiedEntity) {
-            if (initialModifiedEntity) {
-                setModifiedEntity(initialModifiedEntity);
-                if (modifiedEntity && modifiedEntity.uri !== initialModifiedEntity.uri) {
-                    deleteModifiedEntity(modifiedEntity.uri);
-                }
-            }
-            else {
-                deleteModifiedEntity(modifiedEntity.uri);
-            }
-        }
-        var initialTempEntities = initialRelatedTempEntities.current;
-        var entitiesUrisToDelete = (0, ramda_1.differenceWith)(ramda_1.equals, relatedTempEntitiesUrisHistory.current, initialTempEntities.map((0, ramda_1.prop)('uri')));
-        entitiesUrisToDelete.forEach(deleteModifiedEntity);
-        initialTempEntities.forEach(setModifiedEntity);
-        resetErrors();
-        handleClose();
-    }, [handleClose, setModifiedEntity, deleteModifiedEntity, resetErrors, modifiedEntity, initialModifiedEntity]);
-    var onAddAttributes = (0, react_1.useCallback)(function (params) {
-        return (0, ramda_1.pipe)(mdm_module_1.profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: config.id })); }));
-    }, [config.id, dispatch]);
-    var onChangeAttribute = (0, react_1.useCallback)(function (params) { return (0, ramda_1.pipe)(mdm_module_1.profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, dispatch]);
-    var onDeleteAttribute = (0, react_1.useCallback)(function (params) { return (0, ramda_1.pipe)(mdm_module_1.profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, dispatch]);
-    var onCreateEntity = (0, react_1.useCallback)(function (entityTypeUri, initValue) {
-        var entityType = (0, mdm_sdk_1.getEntityType)(metadata, entityTypeUri);
-        var newEntityAttrTypes = (0, ramda_1.pipe)(mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy, (0, mdm_sdk_1.getCreatableAttributeTypes)(mode))(entityType);
-        var newEntity = (0, mdm_sdk_1.createTemporaryEntity)({
-            entityTypeUri: entityTypeUri,
-            initValue: initValue,
-            attributeTypes: newEntityAttrTypes,
-            metadata: metadata,
-            mode: mode
-        });
-        onChangeEntity(newEntity);
-        setModifiedEntity(newEntity);
-    }, [setModifiedEntity, onChangeEntity, mode, metadata]);
-    var errorMessage = (0, mdm_sdk_1.getErrorMessage)(error);
-    var getEntityTypesUris = (0, react_1.useCallback)(function () {
-        var content = config.content, contentSecondLevel = config.contentSecondLevel;
-        if (contentSecondLevel && connection.parentEntityUri) {
-            return contentSecondLevel.entityTypes;
-        }
-        return content.entityTypes;
-    }, [config, connection.parentEntityUri]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: styles.editor },
-            react_1.default.createElement(Typography_1.default, { className: styles.title }, isNew ? ui_i18n_1.default.text('Add new item') : ui_i18n_1.default.text('Edit item')),
-            defaultRelationType === null && (react_1.default.createElement(ConnectionRelationTypeSelector_1.default, { className: styles.item, relation: connection.relation, inRelationTypes: inRelationTypes, outRelationTypes: outRelationTypes, onChange: onRelationTypeChange })),
-            Boolean(relationType) && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { ref: ref, className: errorClassName },
-                    react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage },
-                        react_1.default.createElement(EntitySelector_1.default, { className: (0, classnames_1.default)(styles.item, (_b = {},
-                                _b[styles.dense] = errorMessage ||
-                                    (connection.entity && (0, mdm_sdk_1.isTempUri)(connection.entity.entityUri)),
-                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], max: config.max || 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: (0, mdm_sdk_1.isSuggestMode)(mode) ? undefined : onCreateEntity, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy }))),
-                react_1.default.createElement(AttributesList_1.default, { className: styles.item, attrTypes: firstLevelRelationAttrTypes, entity: attributeListEntity, showEmptyEditors: true, crosswalks: connection.crosswalks, mode: mode, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })))),
-        react_1.default.createElement("div", { className: styles.actionButtons },
-            react_1.default.createElement(Button_1.default, { onClick: onCancel }, ui_i18n_1.default.text('Cancel')),
-            react_1.default.createElement(Button_1.default, { color: "primary", disabled: !hasChanges, onClick: onApply }, ui_i18n_1.default.text('Apply'))),
-        react_1.default.createElement(Divider_1.default, null)));
-};
-RelationEditor.propTypes = {
-    connection: mdm_sdk_1.ConnectionType,
-    modifiedEntity: mdm_sdk_1.EntityType,
-    initialConnection: mdm_sdk_1.ConnectionType,
-    initialModifiedEntity: mdm_sdk_1.EntityType,
-    allModifiedEntities: prop_types_1.default.object,
-    dispatch: prop_types_1.default.func,
-    config: mdm_sdk_1.RelationsConfigType,
-    mode: prop_types_1.default.string,
-    metadata: mdm_sdk_1.MetadataType,
-    globalSearchRequestOptions: prop_types_1.default.object,
-    error: mdm_sdk_1.AttributeErrorType,
-    parentEntityUri: prop_types_1.default.string,
-    highlightedError: prop_types_1.default.object
-};
-exports.default = (0, HOCs_1.withContext)(contexts_1.ScrollToElementContext, function (contextValue, _a) {
-    var connection = _a.connection;
-    var _b = contextValue || {}, _c = _b.element, element = _c === void 0 ? {} : _c, type = _b.type;
-    var _d = connection.relation, relationUri = _d.relationUri, relationType = _d.relationType;
-    var isHighlighted = (0, contexts_1.isHighlightedErrorType)(type) && (0, mdm_sdk_1.isAttributeTypeError)(element, relationUri, relationType);
-    return { highlightedError: isHighlighted ? contextValue : null };
-}, RelationEditor);

package/cjs/components/RelationEditor/styles.d.ts

@@ -1 +0,0 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"dense" | "title" | "item" | "editor" | "actionButtons">;

package/cjs/components/RelationEditor/styles.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = (0, styles_1.makeStyles)({
-    editor: {
-        display: 'flex',
-        flexDirection: 'column',
-        padding: '0 24px 5px',
-        overflowX: 'hidden'
-    },
-    title: {
-        color: 'rgba(0, 0, 0, 0.6)',
-        fontSize: '16px',
-        letterSpacing: '0.15px',
-        lineHeight: '24px',
-        margin: '17px 0 24px'
-    },
-    item: {
-        marginBottom: '20px'
-    },
-    dense: {
-        marginBottom: 0
-    },
-    actionButtons: {
-        display: 'flex',
-        justifyContent: 'flex-end',
-        margin: '0 8px 10px',
-        '& > button': {
-            fontSize: '14px',
-            lineHeight: '16px',
-            marginLeft: '8px',
-            padding: '10px 8px',
-            backgroundColor: 'rgba(98, 2, 238, 0)'
-        }
-    }
-});

package/cjs/components/RelevanceScoreBadge/RelevanceScoreBadge.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RelevanceScoreBadge = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var styles_1 = require("./styles");
-var RelevanceScoreBadge = function (_a) {
-    var className = _a.className, matchRuleSummaries = _a.matchRuleSummaries;
-    var styles = (0, styles_1.useStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
-    var matchRuleSummaryWithBestScore = matchRuleSummaries === null || matchRuleSummaries === void 0 ? void 0 : matchRuleSummaries.filter(mdm_sdk_1.checkMatchRuleSummaryRelevance).sort(function (a, b) { return b.relevance - a.relevance; })[0];
-    if (!matchRuleSummaryWithBestScore) {
-        return null;
-    }
-    var matchRule = matchRuleSummaryWithBestScore.uri;
-    var relevancePercentage = (0, mdm_sdk_1.formatRelevanceScore)(matchRuleSummaryWithBestScore);
-    var tooltipTitle = ui_i18n_1.default.text('Relevance score based on ${ruleName}', {
-        ruleName: (0, mdm_sdk_1.getMatchRuleLabel)(metadata, entity.type, matchRule)
-    });
-    return (react_1.default.createElement(Tooltip_1.default, { title: tooltipTitle },
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(className, styles.badge) },
-            relevancePercentage, ": ".concat(ui_i18n_1.default.text('Relevance score')))));
-};
-exports.RelevanceScoreBadge = RelevanceScoreBadge;

package/cjs/components/RelevanceScoreBadge/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"badge">;

package/cjs/components/RelevanceScoreBadge/styles.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = (0, styles_1.makeStyles)({
-    badge: {
-        background: 'rgba(0, 0, 0, 0.03)',
-        borderRadius: '2px',
-        padding: '2px 7px',
-        fontSize: '12px',
-        wordBreak: 'break-word'
-    }
-});

package/cjs/components/ReltioGridLayout/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"gridLayout" | "gridFullscreen" | "isResizing">;

package/cjs/components/ReltioGridLayout/styles.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ResizeIcon_svg_1 = require("./icons/ResizeIcon.svg");
-exports.useStyles = (0, styles_1.makeStyles)(function (_) { return ({
-    gridLayout: {
-        position: 'relative',
-        width: '100%',
-        '& .react-grid-item': {
-            '&.react-grid-placeholder': {
-                background: 'rgba(0, 0, 0, 0.03)',
-                border: '2px dashed rgba(0, 0, 0, 0.3)',
-                borderRadius: '3px',
-                transitionDuration: '100ms',
-                zIndex: 7,
-                userSelect: 'none',
-                '& .react-resizable-handle': {
-                    display: 'none'
-                }
-            },
-            '&.static .react-resizable-handle': {
-                display: 'none'
-            },
-            '&.customView .react-resizable-handle': {
-                width: '10px',
-                height: '10px'
-            },
-            '&.cssTransforms': {
-                transitionProperty: 'transform'
-            },
-            '&.react-draggable-dragging': {
-                transition: 'none',
-                zIndex: 8,
-                willChange: 'transform',
-                '& .react-resizable-handle': {
-                    backgroundImage: 'none'
-                }
-            },
-            '& .react-resizable-handle': {
-                position: 'absolute',
-                width: '17px',
-                height: '17px',
-                bottom: 0,
-                right: 0,
-                zIndex: 20,
-                backgroundImage: "url('".concat((0, mdm_sdk_1.svg2Url)(ResizeIcon_svg_1.RESIZE_ICON), "')"),
-                backgroundRepeat: 'no-repeat',
-                backgroundOrigin: 'content-box',
-                boxSizing: 'border-box',
-                cursor: 'se-resize'
-            },
-            '&.fullscreen': {
-                visibility: 'visible',
-                position: 'unset',
-                width: '100% !important',
-                height: '100% !important',
-                transform: 'translate(0) !important'
-            }
-        }
-    },
-    gridFullscreen: {
-        height: '100% !important',
-        overflowY: 'hidden',
-        '& .react-resizable-handle, & .react-grid-item': {
-            visibility: 'hidden'
-        }
-    },
-    isResizing: {
-        zIndex: 9,
-        willChange: 'width, height',
-        pointerEvents: 'none'
-    }
-}); });

package/cjs/components/ReltioMap/EntityMarker/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"popper">;

package/cjs/components/ReltioMap/EntityMarker/styles.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = (0, styles_1.makeStyles)({
-    popper: {
-        maxWidth: '263px',
-        minWidth: '150px',
-        boxShadow: '0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2)',
-        backgroundColor: 'white',
-        borderRadius: '2px'
-    }
-});

package/cjs/components/ReltioMap/MapControls/TopCenterMapControls/TopCenterMapControls.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopCenterMapControls = void 0;
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var FormControlLabel_1 = __importDefault(require("@material-ui/core/FormControlLabel"));
-var Checkbox_1 = __importDefault(require("@material-ui/core/Checkbox"));
-var styles_1 = require("./styles");
-var TopCenterMapControls = function (_a) {
-    var isSearchOnMapMove = _a.isSearchOnMapMove, onChangeIsSearchOnMapMove = _a.onChangeIsSearchOnMapMove;
-    var styles = (0, styles_1.useStyles)();
-    var onChange = function (event) {
-        onChangeIsSearchOnMapMove(event.target.checked);
-    };
-    return (react_1.default.createElement(FormControlLabel_1.default, { classes: {
-            root: styles.container,
-            label: styles.label
-        }, control: react_1.default.createElement(Checkbox_1.default, { checked: isSearchOnMapMove, onChange: onChange, color: "primary", className: styles.checkbox }), label: ui_i18n_1.default.text('Search as I move the map') }));
-};
-exports.TopCenterMapControls = TopCenterMapControls;