@reltio/components 1.4.1836-hf → 1.4.1836

package/cjs/components/ConfigureColumnsPopup/ConfigureColumnsPopup.js

@@ -1,154 +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 __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;
-};
-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));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigureColumnsPopup = void 0;
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var SelectionPopup_1 = __importDefault(require("../SelectionPopup/SelectionPopup"));
-var AttributeListItem_1 = require("../../AttributeListItem");
-var helpers_1 = require("../VirtualGroupedList/helpers");
-var VirtualGroupedList_1 = __importDefault(require("../VirtualGroupedList/VirtualGroupedList"));
-var helpers_2 = require("../SelectionPopup/helpers");
-var Highlighter_1 = __importDefault(require("../Highlighter/Highlighter"));
-var styles_1 = __importDefault(require("./styles"));
-var ITEM_HEIGHT = 32;
-var LIST_CONTAINER_HEIGHT = 300;
-var DEFAULT_MIN_CONTAINER_WIDTH = 308;
-var ConfigureColumnsPopup = function (_a) {
-    var open = _a.open, anchorEl = _a.anchorEl, data = _a.data, onSearch = _a.onSearch, onClose = _a.onClose, titleText = _a.titleText, filterText = _a.filterText, onListItemClick = _a.onListItemClick, selected = _a.selected, hideCheckBox = _a.hideCheckBox, renderGroupTitle = _a.renderGroupTitle, otherProps = __rest(_a, ["open", "anchorEl", "data", "onSearch", "onClose", "titleText", "filterText", "onListItemClick", "selected", "hideCheckBox", "renderGroupTitle"]);
-    var filterItem = (0, react_1.useCallback)(function (item) {
-        return item.label.toLowerCase().includes(filterText.toLowerCase());
-    }, [filterText]);
-    var filterItemsTree = (0, react_1.useCallback)(function (item) { return filterItem(item) || (item.children || []).some(filterItemsTree); }, [filterItem]);
-    var getItemSize = function () { return ITEM_HEIGHT; };
-    var getAttributesData = (0, react_1.useMemo)(function () {
-        var getAttributeGroupData = (0, ramda_1.curry)(function (level, item, groupId, groupName) { return __spreadArray([
-            {
-                item: __assign(__assign({}, item), { filterText: filterText }),
-                level: level,
-                groupId: groupId,
-                groupName: groupName
-            }
-        ], getAttributesData(item.children || [], groupId, groupName, level + 1), true); });
-        var getAttributesData = function (data, groupId, groupName, level) {
-            if (level === void 0) { level = 0; }
-            var getItemGroupData = function (item) { return getAttributeGroupData(level, item, groupId, groupName); };
-            var filteredData = data.filter(filterItemsTree);
-            return (renderGroupTitle ? ramda_1.map : ramda_1.chain)(getItemGroupData, filteredData);
-        };
-        return getAttributesData;
-    }, [filterText, renderGroupTitle, filterItemsTree]);
-    var getGroupsData = (0, react_1.useCallback)(function (groups) {
-        return groups
-            .map(function (group) { return ({
-            item: group,
-            items: getAttributesData(group.attributes, group.id, group.label)
-        }); })
-            .filter(function (group) { return group.items.length; });
-    }, [getAttributesData]);
-    var handleSearchOnEnter = (0, react_1.useCallback)(function (_a) {
-        var item = _a.item;
-        onListItemClick(item, !selected.find(function (column) { return column.id === item.id || column.id.includes("".concat(item.id, ".")); }));
-    }, [onListItemClick, selected]);
-    var groupedItems = (0, react_1.useMemo)(function () { return (renderGroupTitle ? getGroupsData : getAttributesData)(data); }, [data, renderGroupTitle, getGroupsData, getAttributesData]);
-    var items = (0, react_1.useMemo)(function () { return (0, helpers_1.flattenGroupedItemsData)(groupedItems); }, [groupedItems]);
-    var _b = (0, helpers_2.useKeyboardNavigation)({
-        items: items,
-        open: open,
-        onSelectFocusedItem: handleSearchOnEnter,
-        selectedItems: selected
-    }), focusIndex = _b.focusIndex, handleKeyDown = _b.handleKeyDown;
-    var focusIndexRef = (0, react_1.useRef)(null);
-    focusIndexRef.current = focusIndex;
-    var renderListItem = (0, react_1.useCallback)(function (style, _a, index) {
-        var item = _a.item, _b = _a.level, level = _b === void 0 ? 0 : _b;
-        var checked = !!selected.find(function (column) { return column.id === item.id || column.id.includes("".concat(item.id, ".")); });
-        var isFocused = focusIndexRef.current === index;
-        return (react_1.default.createElement(AttributeListItem_1.AttributeListItem, { key: item.id, onClick: onListItemClick, checked: checked, level: level, data: item, label: react_1.default.createElement(Highlighter_1.default, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, hideCheckBox: hideCheckBox, isFocused: isFocused, notSelectable: item.notSelectable, LogoIcon: item.LogoIcon }));
-    }, [hideCheckBox, onListItemClick, selected]);
-    var containerWidth = (0, mdm_sdk_1.getMaxItemWidth)('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
-    var classes = (0, styles_1.default)();
-    return (react_1.default.createElement(SelectionPopup_1.default, __assign({ open: open, className: (0, classnames_1.default)(classes.container, classes.popupContainer), anchorEl: anchorEl, onClose: onClose, onSearch: onSearch, title: titleText, containerWidth: containerWidth, searchInputOnKeyDown: handleKeyDown }, otherProps),
-        react_1.default.createElement(VirtualGroupedList_1.default, { height: LIST_CONTAINER_HEIGHT, renderItem: renderListItem, items: items, hideSubtitles: true, getItemSize: getItemSize, containerWidth: containerWidth, focusIndex: focusIndex, renderGroupTitle: renderGroupTitle })));
-};
-exports.ConfigureColumnsPopup = ConfigureColumnsPopup;
-exports.ConfigureColumnsPopup.propTypes = {
-    open: prop_types_1.default.bool,
-    hideCheckBox: prop_types_1.default.bool,
-    anchorEl: prop_types_1.default.any,
-    selected: prop_types_1.default.array,
-    data: prop_types_1.default.array,
-    filterText: prop_types_1.default.string,
-    titleText: prop_types_1.default.string,
-    onClose: prop_types_1.default.func,
-    onListItemClick: prop_types_1.default.func,
-    onSearch: prop_types_1.default.func,
-    renderGroupTitle: prop_types_1.default.func
-};
-exports.ConfigureColumnsPopup.defaultProps = {
-    data: [],
-    selected: [],
-    titleText: ui_i18n_1.default.text('Show/hide columns'),
-    filterText: ''
-};
-exports.default = exports.ConfigureColumnsPopup;

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

@@ -1,2 +0,0 @@
-export default useStyles;
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "popupContainer">;

package/cjs/components/ConfigureColumnsPopup/styles.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@mui/styles");
-var useStyles = (0, styles_1.makeStyles)(function () { return ({
-    popupContainer: {},
-    container: {
-        '&$popupContainer': {
-            height: '408px',
-            minWidth: '200px'
-        }
-    }
-}); });
-exports.default = useStyles;

package/cjs/components/ConfirmDeleteDialog/ConfirmDeleteDialog.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    open: boolean;
-    onClose: () => void;
-    onConfirm: () => void;
-};
-declare const ConfirmDeleteDialog: ({ open, onClose, onConfirm }: Props) => JSX.Element;
-export default ConfirmDeleteDialog;

package/cjs/components/ConfirmDeleteDialog/ConfirmDeleteDialog.js

@@ -1,26 +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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var Dialog_1 = __importDefault(require("@mui/material/Dialog"));
-var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
-var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
-var DialogContentText_1 = __importDefault(require("@mui/material/DialogContentText"));
-var ConfirmDeleteDialog = function (_a) {
-    var open = _a.open, onClose = _a.onClose, onConfirm = _a.onConfirm;
-    var handleConfirm = function () {
-        onConfirm();
-        onClose();
-    };
-    return (react_1.default.createElement(Dialog_1.default, { open: open },
-        react_1.default.createElement(DialogContent_1.default, null,
-            react_1.default.createElement(DialogContentText_1.default, null, ui_i18n_1.default.text('Are you sure you want to delete this?'))),
-        react_1.default.createElement(DialogActions_1.default, null,
-            react_1.default.createElement(Button_1.default, { onClick: onClose, color: "primary" }, ui_i18n_1.default.text('No')),
-            react_1.default.createElement(Button_1.default, { onClick: handleConfirm, color: "primary" }, ui_i18n_1.default.text('Yes')))));
-};
-exports.default = ConfirmDeleteDialog;

package/cjs/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export type Props = {
-    open: boolean;
-    title: React.ReactNode;
-    content: React.ReactNode;
-    cancelCaption?: string;
-    discardCaption?: string;
-    saveCaption?: string;
-    disabledSave?: boolean;
-    onCancel?: () => void;
-    onDiscard?: () => void;
-    onSave: () => void;
-};
-declare const ConfirmationDialog: ({ open, title, content, onCancel, cancelCaption, onDiscard, discardCaption, onSave, saveCaption, disabledSave }: Props) => JSX.Element;
-export default ConfirmationDialog;

package/cjs/components/ConfirmationDialog/ConfirmationDialog.js

@@ -1,28 +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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var Dialog_1 = __importDefault(require("@mui/material/Dialog"));
-var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
-var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
-var DialogContentText_1 = __importDefault(require("@mui/material/DialogContentText"));
-var DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
-var styles_1 = require("./styles");
-var ConfirmationDialog = function (_a) {
-    var open = _a.open, title = _a.title, content = _a.content, onCancel = _a.onCancel, _b = _a.cancelCaption, cancelCaption = _b === void 0 ? ui_i18n_1.default.text('Cancel') : _b, onDiscard = _a.onDiscard, _c = _a.discardCaption, discardCaption = _c === void 0 ? '' : _c, onSave = _a.onSave, _d = _a.saveCaption, saveCaption = _d === void 0 ? ui_i18n_1.default.text('Save') : _d, _e = _a.disabledSave, disabledSave = _e === void 0 ? false : _e;
-    var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement(Dialog_1.default, { open: open, onClose: onCancel, classes: { paperScrollPaper: styles.paper } },
-        react_1.default.createElement(DialogTitle_1.default, { classes: { root: styles.title } }, title),
-        react_1.default.createElement(DialogContent_1.default, { classes: { root: styles.content } },
-            react_1.default.createElement(DialogContentText_1.default, { classes: { root: styles.contentText } }, content)),
-        react_1.default.createElement(DialogActions_1.default, { className: styles.actionButtons, disableSpacing: true },
-            onCancel && react_1.default.createElement(Button_1.default, { onClick: onCancel }, cancelCaption),
-            react_1.default.createElement("div", null,
-                onDiscard && (react_1.default.createElement(Button_1.default, { onClick: onDiscard, classes: { root: styles.discardButton } }, discardCaption)),
-                react_1.default.createElement(Button_1.default, { onClick: onSave, color: "primary", disabled: disabledSave, autoFocus: true }, saveCaption)))));
-};
-exports.default = ConfirmationDialog;

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

@@ -1,2 +0,0 @@
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "paper" | "contentText" | "actionButtons" | "discardButton">;
-export { useStyles };

package/cjs/components/ConfirmationDialog/styles.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-var useStyles = (0, styles_1.makeStyles)({
-    paper: {
-        minHeight: '180px'
-    },
-    title: {
-        padding: '16px 16px 10px 16px',
-        fontSize: '20px',
-        fontWeight: 500,
-        letterSpacing: '0.25px',
-        lineHeight: '24px'
-    },
-    content: {
-        padding: '0 16px'
-    },
-    contentText: {
-        marginBottom: 0,
-        fontSize: '16px',
-        letterSpacing: '0.15px',
-        lineHeight: '24px'
-    },
-    actionButtons: {
-        display: 'flex',
-        paddingTop: '4px',
-        fontSize: '14px',
-        fontWeight: 500,
-        letterSpacing: 0,
-        lineHeight: '16px',
-        '& > div': {
-            marginLeft: 'auto'
-        }
-    },
-    discardButton: {
-        marginRight: '8px'
-    }
-});
-exports.useStyles = useStyles;

package/cjs/components/ConnectionEditor/ConnectionEditor.js

@@ -1,119 +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 });
-exports.ConnectionEditor = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var EditModeAttributesList_1 = require("../../EditModeAttributesList");
-var ConnectionRelationTypeSelector_1 = __importDefault(require("../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector"));
-var ErrorWrapper_1 = __importDefault(require("../ErrorWrapper/ErrorWrapper"));
-var EntitySelector_1 = require("../../EntitySelector");
-var contexts_1 = require("../../contexts");
-var hooks_1 = require("../../hooks");
-var styles_1 = require("./styles");
-var ConnectionEditor = function (_a) {
-    var _b;
-    var connection = _a.connection, relatedEntity = _a.relatedEntity, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, showEmptyEditors = _a.showEmptyEditors, entityErrorMessage = _a.entityErrorMessage, onChangeAttribute = _a.onChangeAttribute, onRemoveAttribute = _a.onRemoveAttribute, onAddAttributes = _a.onAddAttributes, onChangeRelationType = _a.onChangeRelationType, onChangeEntity = _a.onChangeEntity;
-    var styles = (0, styles_1.useStyles)();
-    var relation = connection.relation, entity = connection.entity;
-    var _e = relation || {}, attributes = _e.attributes, relationUri = _e.uri, _f = _e.type, relationTypeUri = _f === void 0 ? '' : _f, direction = _e.direction;
-    var isRelationTypeSelected = Boolean(relationTypeUri);
-    var metadata = (0, contexts_1.useMdmMetadata)();
-    var globalSearchRequestOptions = (0, contexts_1.useMdmGlobalSearchRequestOptions)(['ovOnly']);
-    var attributeListEntity = (0, react_1.useMemo)(function () {
-        return relation && __assign({ attributes: attributes }, (0, mdm_sdk_1.getActivenessAttributes)(relation));
-    }, [relation, attributes]);
-    var relationAttrTypes = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationTypeUri); }, [relationTypeUri, metadata]);
-    var availableEntityTypeUris = (0, react_1.useMemo)(function () {
-        return isRelationTypeSelected
-            ? (0, mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes)(direction === mdm_sdk_1.Directions.OUT, metadata, [
-                (0, mdm_sdk_1.getRelationType)(metadata, relationTypeUri)
-            ])
-            : (0, ramda_1.uniq)((0, mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes)(true, metadata, outRelationTypes).concat((0, mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes)(false, metadata, inRelationTypes)));
-    }, [isRelationTypeSelected, relationTypeUri, metadata, inRelationTypes, outRelationTypes]);
-    var selectorCompatibleRelation = (0, react_1.useMemo)(function () {
-        return relation && {
-            relationType: relation.type,
-            direction: relation.direction
-        };
-    }, [relation]);
-    var selectorCompatibleEntity = (0, react_1.useMemo)(function () {
-        return entity && {
-            entityUri: entity.uri,
-            entityType: entity.type,
-            entityLabel: (0, mdm_sdk_1.getLabel)(entity.label)
-        };
-    }, [entity]);
-    var availableInRelationTypes = (0, react_1.useMemo)(function () {
-        return entity && entity.uri
-            ? inRelationTypes.filter((0, mdm_sdk_1.isAvailableRelationBetweenEntities)(false, entity, relatedEntity, metadata))
-            : inRelationTypes;
-    }, [entity, inRelationTypes, relatedEntity, metadata]);
-    var availableOutRelationTypes = (0, react_1.useMemo)(function () {
-        return entity && entity.uri
-            ? outRelationTypes.filter((0, mdm_sdk_1.isAvailableRelationBetweenEntities)(true, entity, relatedEntity, metadata))
-            : outRelationTypes;
-    }, [entity, outRelationTypes, relatedEntity, metadata]);
-    (0, react_1.useEffect)(function () {
-        // autoselecting relation type on mount
-        var _a = (0, mdm_sdk_1.getDefaultRelationTypeObject)(inRelationTypes, outRelationTypes) || {}, type = _a.type, direction = _a.direction;
-        if (!relationTypeUri && type && onChangeRelationType) {
-            onChangeRelationType({ type: type.uri, direction: direction });
-        }
-    }, [relationTypeUri, inRelationTypes, outRelationTypes, onChangeRelationType]);
-    (0, hooks_1.useDidUpdateEffect)(function () {
-        // autoselecting relation type on entity change
-        var _a = (0, mdm_sdk_1.getDefaultRelationTypeObject)(availableInRelationTypes, availableOutRelationTypes) || {}, type = _a.type, direction = _a.direction;
-        if (!relationTypeUri && type) {
-            onChangeRelationType({ type: type.uri, direction: direction });
-        }
-    }, [relationTypeUri, entity, availableInRelationTypes, availableOutRelationTypes, onChangeEntity]);
-    var handleChangeRelationType = (0, react_1.useCallback)(function (_a) {
-        var type = _a.type, direction = _a.direction;
-        onChangeRelationType({ type: type.uri, direction: direction });
-    }, [onChangeRelationType]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        onChangeRelationType && (react_1.default.createElement(ConnectionRelationTypeSelector_1.default, { className: styles.item, relation: selectorCompatibleRelation, metadata: metadata, inRelationTypes: inRelationTypes, outRelationTypes: outRelationTypes, onChange: handleChangeRelationType })),
-        onChangeEntity && (react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: entityErrorMessage, className: styles.item },
-            react_1.default.createElement(EntitySelector_1.EntitySelector, { key: relationTypeUri, className: (0, classnames_1.default)((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mdm_sdk_1.Mode.Editing, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
-        relationTypeUri && (react_1.default.createElement(EditModeAttributesList_1.EditModeAttributesList, { attrTypes: relationAttrTypes, entity: attributeListEntity, showEmptyEditors: showEmptyEditors, mode: mdm_sdk_1.Mode.Editing, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onRemoveAttribute }))));
-};
-exports.ConnectionEditor = ConnectionEditor;

package/cjs/components/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.d.ts

@@ -1,37 +0,0 @@
-export default ConnectionRelationTypeSelector;
-declare function ConnectionRelationTypeSelector({ relation, inRelationTypes, outRelationTypes, onChange, applyFirstByDefault, reversedContextLabels, ...otherProps }: {
-    [x: string]: any;
-    relation?: {};
-    inRelationTypes?: any[];
-    outRelationTypes?: any[];
-    onChange?: any;
-    applyFirstByDefault?: boolean;
-    reversedContextLabels?: boolean;
-}): JSX.Element;
-declare namespace ConnectionRelationTypeSelector {
-    namespace propTypes {
-        export let className: PropTypes.Requireable<string>;
-        export { ConnectionRelationType as relation };
-        export let inRelationTypes: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-            typeColor: PropTypes.Requireable<string>;
-            direction: PropTypes.Requireable<string>;
-            startObject: PropTypes.Requireable<object>;
-            endObject: PropTypes.Requireable<object>;
-        }>[]>;
-        export let outRelationTypes: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-            typeColor: PropTypes.Requireable<string>;
-            direction: PropTypes.Requireable<string>;
-            startObject: PropTypes.Requireable<object>;
-            endObject: PropTypes.Requireable<object>;
-        }>[]>;
-        export let applyFirstByDefault: PropTypes.Requireable<boolean>;
-        export let reversedContextLabels: PropTypes.Requireable<boolean>;
-        export let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
-import { ConnectionRelationType } from '@reltio/mdm-sdk';

package/cjs/components/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.js

@@ -1,84 +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 __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;
-};
-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 prop_types_1 = __importDefault(require("prop-types"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var hooks_1 = require("../../hooks");
-var RelationTypeSelector_1 = require("../../RelationTypeSelector");
-var ConnectionRelationTypeSelector = function (_a) {
-    var _b = _a.relation, relation = _b === void 0 ? {} : _b, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, _e = _a.onChange, onChange = _e === void 0 ? ramda_1.identity : _e, _f = _a.applyFirstByDefault, applyFirstByDefault = _f === void 0 ? false : _f, _g = _a.reversedContextLabels, reversedContextLabels = _g === void 0 ? false : _g, otherProps = __rest(_a, ["relation", "inRelationTypes", "outRelationTypes", "onChange", "applyFirstByDefault", "reversedContextLabels"]);
-    var _h = (0, hooks_1.useRelationTypeSelector)({ reversedContextLabels: reversedContextLabels }), getRelationTypesOptions = _h.getRelationTypesOptions, fromEditorValue = _h.fromEditorValue, toEditorValue = _h.toEditorValue;
-    var relationsTypesOptions = (0, react_1.useMemo)(function () { return getRelationTypesOptions(inRelationTypes, outRelationTypes); }, [getRelationTypesOptions, inRelationTypes, outRelationTypes]);
-    var handleChange = (0, react_1.useCallback)((0, ramda_1.pipe)(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [
-        fromEditorValue,
-        inRelationTypes,
-        outRelationTypes,
-        onChange
-    ]);
-    var hasValue = !!relation.relationType;
-    (0, react_1.useEffect)(function () {
-        if (applyFirstByDefault && relationsTypesOptions.length && !hasValue) {
-            handleChange(relationsTypesOptions[0]);
-        }
-    }, [relationsTypesOptions, applyFirstByDefault, handleChange, hasValue]);
-    return (react_1.default.createElement(RelationTypeSelector_1.RelationTypeSelector, __assign({ value: toEditorValue(relation, relationsTypesOptions), options: relationsTypesOptions, onChange: handleChange }, otherProps)));
-};
-ConnectionRelationTypeSelector.propTypes = {
-    className: prop_types_1.default.string,
-    relation: mdm_sdk_1.ConnectionRelationType,
-    inRelationTypes: prop_types_1.default.arrayOf(mdm_sdk_1.RelationTypeType),
-    outRelationTypes: prop_types_1.default.arrayOf(mdm_sdk_1.RelationTypeType),
-    applyFirstByDefault: prop_types_1.default.bool,
-    reversedContextLabels: prop_types_1.default.bool,
-    onChange: prop_types_1.default.func
-};
-exports.default = ConnectionRelationTypeSelector;

package/cjs/components/DataTenantBadge/DataTenantBadge.js

@@ -1,29 +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.DataTenantBadge = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-var contexts_1 = require("../../contexts");
-var styles_1 = require("./styles");
-var addDataTenantPrefix = function (label) { return "DT:".concat((0, ramda_1.slice)(0, 1, label)); };
-var DataTenantBadge = function (_a) {
-    var dataTenantId = _a.dataTenantId, className = _a.className;
-    var styles = (0, styles_1.useStyles)({ dataTenantId: dataTenantId });
-    var dataTenants = (0, contexts_1.useMdmDataTenants)();
-    var dataTenant = (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.find)((0, ramda_1.propEq)('id', dataTenantId)))(dataTenants);
-    var label = (0, ramda_1.pipe)((0, ramda_1.propOr)('', 'label'), ramda_1.toUpper, (0, ramda_1.ifElse)((0, ramda_1.startsWith)('DT:'), (0, ramda_1.slice)(0, 4), addDataTenantPrefix))(dataTenant);
-    var content = (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
-        react_1.default.createElement(Typography_1.default, { variant: "body2" }, label)));
-    var showTooltip = !!(dataTenant === null || dataTenant === void 0 ? void 0 : dataTenant.label);
-    if (!showTooltip) {
-        return content;
-    }
-    return (react_1.default.createElement(Tooltip_1.default, { "data-reltio-id": "reltio-data-tenant-bage-tooltip", title: dataTenant.label }, content));
-};
-exports.DataTenantBadge = DataTenantBadge;

package/cjs/components/DataTypeValue/DataTypeValue.d.ts

@@ -1,14 +0,0 @@
-export default DataTypeValue;
-declare function DataTypeValue({ value, dataTypeDefinition, rich }: {
-    value?: any;
-    dataTypeDefinition: any;
-    rich?: boolean;
-}): JSX.Element;
-declare namespace DataTypeValue {
-    namespace propTypes {
-        let value: PropTypes.Requireable<any>;
-        let dataTypeDefinition: PropTypes.Requireable<object>;
-        let rich: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/DataTypeValue/DataTypeValue.js

@@ -1,29 +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 prop_types_1 = __importDefault(require("prop-types"));
-var moment_1 = __importDefault(require("moment"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Link_1 = __importDefault(require("@mui/material/Link"));
-var SearchHighlighter_1 = __importDefault(require("../SearchHighlighter/SearchHighlighter"));
-var contexts_1 = require("../../contexts");
-var DataTypeValue = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? null : _b, dataTypeDefinition = _a.dataTypeDefinition, _c = _a.rich, rich = _c === void 0 ? true : _c;
-    var localeDateFormat = moment_1.default.localeData().longDateFormat('L');
-    var localeTimeFormat = moment_1.default.localeData().longDateFormat('LTS');
-    var attributesPresentation = (0, contexts_1.useMdmAttributesPresentation)();
-    var dateMask = (0, contexts_1.useMdmDateMask)() || localeDateFormat;
-    var dateTimeMask = (0, contexts_1.useMdmDateTimeMask)() || localeDateFormat + ' ' + localeTimeFormat;
-    var formattedValue = (0, mdm_sdk_1.formatDataTypeValue)({ attributesPresentation: attributesPresentation, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask }, value);
-    return rich && (0, mdm_sdk_1.isAttributeValueLink)(dataTypeDefinition, value) ? (react_1.default.createElement(Link_1.default, { target: "_blank", href: (0, mdm_sdk_1.addProtocolToLink)(formattedValue), underline: "none" },
-        react_1.default.createElement(SearchHighlighter_1.default, { text: formattedValue }))) : (react_1.default.createElement(SearchHighlighter_1.default, { text: formattedValue }));
-};
-DataTypeValue.propTypes = {
-    value: prop_types_1.default.any,
-    dataTypeDefinition: prop_types_1.default.object,
-    rich: prop_types_1.default.bool
-};
-exports.default = DataTypeValue;

package/cjs/components/DateIntervalSelector/DateIntervalSelector.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    interval: [number, string];
-    onChange: ([number, string]: [any, any]) => void;
-    onFocus?: () => void;
-};
-declare const DateIntervalSelector: ({ interval: [value, unit], onChange, onFocus }: Props) => JSX.Element;
-export default DateIntervalSelector;