@reltio/components 1.4.1818 → 1.4.1820

package/esm/components/CommentsContainer/styles.js

@@ -1,22 +0,0 @@
-import { makeStyles } from '@mui/styles';
-import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../constants/classnames';
-export var useStyles = makeStyles(function () {
-    var _a;
-    return ({
-        root: {
-            display: 'flex',
-            alignItems: 'start'
-        },
-        addButton: (_a = {
-                visibility: 'hidden',
-                '&$showAlways': {
-                    visibility: 'visible'
-                }
-            },
-            _a[".".concat(COMMENTS_CONTAINER_VISIBILITY_AREA, ":hover &")] = {
-                visibility: 'visible'
-            },
-            _a),
-        showAlways: {}
-    });
-});

package/esm/components/ConfigureColumnsPopup/ConfigureColumnsPopup.d.ts

@@ -1,41 +0,0 @@
-export function ConfigureColumnsPopup({ open, anchorEl, data, onSearch, onClose, titleText, filterText, onListItemClick, selected, hideCheckBox, renderGroupTitle, ...otherProps }: {
-    [x: string]: any;
-    open: any;
-    anchorEl: any;
-    data: any;
-    onSearch: any;
-    onClose: any;
-    titleText: any;
-    filterText: any;
-    onListItemClick: any;
-    selected: any;
-    hideCheckBox: any;
-    renderGroupTitle: any;
-}): JSX.Element;
-export namespace ConfigureColumnsPopup {
-    namespace propTypes {
-        let open: PropTypes.Requireable<boolean>;
-        let hideCheckBox: PropTypes.Requireable<boolean>;
-        let anchorEl: PropTypes.Requireable<any>;
-        let selected: PropTypes.Requireable<any[]>;
-        let data: PropTypes.Requireable<any[]>;
-        let filterText: PropTypes.Requireable<string>;
-        let titleText: PropTypes.Requireable<string>;
-        let onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        let onListItemClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let onSearch: PropTypes.Requireable<(...args: any[]) => any>;
-        let renderGroupTitle: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        let data_1: any[];
-        export { data_1 as data };
-        let selected_1: any[];
-        export { selected_1 as selected };
-        let titleText_1: string;
-        export { titleText_1 as titleText };
-        let filterText_1: string;
-        export { filterText_1 as filterText };
-    }
-}
-export default ConfigureColumnsPopup;
-import PropTypes from 'prop-types';

package/esm/components/ConfigureColumnsPopup/ConfigureColumnsPopup.js

@@ -1,124 +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;
-};
-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 React, { useCallback, useMemo, useRef } from 'react';
-import PropTypes from 'prop-types';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import { chain, curry, map } from 'ramda';
-import { getMaxItemWidth } from '@reltio/mdm-sdk';
-import SelectionPopup from '../SelectionPopup/SelectionPopup';
-import { AttributeListItem } from '../../AttributeListItem';
-import { flattenGroupedItemsData } from '../VirtualGroupedList/helpers';
-import VirtualGroupedList from '../VirtualGroupedList/VirtualGroupedList';
-import { useKeyboardNavigation } from '../SelectionPopup/helpers';
-import Highlighter from '../Highlighter/Highlighter';
-import useStyles from './styles';
-var ITEM_HEIGHT = 32;
-var LIST_CONTAINER_HEIGHT = 300;
-var DEFAULT_MIN_CONTAINER_WIDTH = 308;
-export 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 = useCallback(function (item) {
-        return item.label.toLowerCase().includes(filterText.toLowerCase());
-    }, [filterText]);
-    var filterItemsTree = useCallback(function (item) { return filterItem(item) || (item.children || []).some(filterItemsTree); }, [filterItem]);
-    var getItemSize = function () { return ITEM_HEIGHT; };
-    var getAttributesData = useMemo(function () {
-        var getAttributeGroupData = 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 ? map : chain)(getItemGroupData, filteredData);
-        };
-        return getAttributesData;
-    }, [filterText, renderGroupTitle, filterItemsTree]);
-    var getGroupsData = 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 = 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 = useMemo(function () { return (renderGroupTitle ? getGroupsData : getAttributesData)(data); }, [data, renderGroupTitle, getGroupsData, getAttributesData]);
-    var items = useMemo(function () { return flattenGroupedItemsData(groupedItems); }, [groupedItems]);
-    var _b = useKeyboardNavigation({
-        items: items,
-        open: open,
-        onSelectFocusedItem: handleSearchOnEnter,
-        selectedItems: selected
-    }), focusIndex = _b.focusIndex, handleKeyDown = _b.handleKeyDown;
-    var focusIndexRef = useRef(null);
-    focusIndexRef.current = focusIndex;
-    var renderListItem = 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.createElement(AttributeListItem, { key: item.id, onClick: onListItemClick, checked: checked, level: level, data: item, label: React.createElement(Highlighter, { 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 = getMaxItemWidth('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
-    var classes = useStyles();
-    return (React.createElement(SelectionPopup, __assign({ open: open, className: classnames(classes.container, classes.popupContainer), anchorEl: anchorEl, onClose: onClose, onSearch: onSearch, title: titleText, containerWidth: containerWidth, searchInputOnKeyDown: handleKeyDown }, otherProps),
-        React.createElement(VirtualGroupedList, { height: LIST_CONTAINER_HEIGHT, renderItem: renderListItem, items: items, hideSubtitles: true, getItemSize: getItemSize, containerWidth: containerWidth, focusIndex: focusIndex, renderGroupTitle: renderGroupTitle })));
-};
-ConfigureColumnsPopup.propTypes = {
-    open: PropTypes.bool,
-    hideCheckBox: PropTypes.bool,
-    anchorEl: PropTypes.any,
-    selected: PropTypes.array,
-    data: PropTypes.array,
-    filterText: PropTypes.string,
-    titleText: PropTypes.string,
-    onClose: PropTypes.func,
-    onListItemClick: PropTypes.func,
-    onSearch: PropTypes.func,
-    renderGroupTitle: PropTypes.func
-};
-ConfigureColumnsPopup.defaultProps = {
-    data: [],
-    selected: [],
-    titleText: i18n.text('Show/hide columns'),
-    filterText: ''
-};
-export default ConfigureColumnsPopup;

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

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

package/esm/components/ConfigureColumnsPopup/styles.js

@@ -1,11 +0,0 @@
-import { makeStyles } from '@mui/styles';
-var useStyles = makeStyles(function () { return ({
-    popupContainer: {},
-    container: {
-        '&$popupContainer': {
-            height: '408px',
-            minWidth: '200px'
-        }
-    }
-}); });
-export default useStyles;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
-var ConfirmDeleteDialog = function (_a) {
-    var open = _a.open, onClose = _a.onClose, onConfirm = _a.onConfirm;
-    var handleConfirm = function () {
-        onConfirm();
-        onClose();
-    };
-    return (React.createElement(Dialog, { open: open },
-        React.createElement(DialogContent, null,
-            React.createElement(DialogContentText, null, i18n.text('Are you sure you want to delete this?'))),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: onClose, color: "primary" }, i18n.text('No')),
-            React.createElement(Button, { onClick: handleConfirm, color: "primary" }, i18n.text('Yes')))));
-};
-export default ConfirmDeleteDialog;

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

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

package/esm/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/esm/components/ConfirmationDialog/styles.js

@@ -1,37 +0,0 @@
-import { makeStyles } from '@mui/styles';
-var useStyles = 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'
-    }
-});
-export { useStyles };

package/esm/components/ConnectionEditor/ConnectionEditor.js

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

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

@@ -1,56 +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, { useMemo, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { ConnectionRelationType, RelationTypeType } from '@reltio/mdm-sdk';
-import { identity, pipe } from 'ramda';
-import { useRelationTypeSelector } from '../../hooks';
-import { RelationTypeSelector } from '../../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 ? 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 = useRelationTypeSelector({ reversedContextLabels: reversedContextLabels }), getRelationTypesOptions = _h.getRelationTypesOptions, fromEditorValue = _h.fromEditorValue, toEditorValue = _h.toEditorValue;
-    var relationsTypesOptions = useMemo(function () { return getRelationTypesOptions(inRelationTypes, outRelationTypes); }, [getRelationTypesOptions, inRelationTypes, outRelationTypes]);
-    var handleChange = useCallback(pipe(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [
-        fromEditorValue,
-        inRelationTypes,
-        outRelationTypes,
-        onChange
-    ]);
-    var hasValue = !!relation.relationType;
-    useEffect(function () {
-        if (applyFirstByDefault && relationsTypesOptions.length && !hasValue) {
-            handleChange(relationsTypesOptions[0]);
-        }
-    }, [relationsTypesOptions, applyFirstByDefault, handleChange, hasValue]);
-    return (React.createElement(RelationTypeSelector, __assign({ value: toEditorValue(relation, relationsTypesOptions), options: relationsTypesOptions, onChange: handleChange }, otherProps)));
-};
-ConnectionRelationTypeSelector.propTypes = {
-    className: PropTypes.string,
-    relation: ConnectionRelationType,
-    inRelationTypes: PropTypes.arrayOf(RelationTypeType),
-    outRelationTypes: PropTypes.arrayOf(RelationTypeType),
-    applyFirstByDefault: PropTypes.bool,
-    reversedContextLabels: PropTypes.bool,
-    onChange: PropTypes.func
-};
-export default ConnectionRelationTypeSelector;

package/esm/components/DataTenantBadge/DataTenantBadge.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { propEq, toUpper, slice, pipe, defaultTo, find, propOr, startsWith, ifElse } from 'ramda';
-import Typography from '@mui/material/Typography';
-import Tooltip from '@mui/material/Tooltip';
-import { useMdmDataTenants } from '../../contexts';
-import { useStyles } from './styles';
-var addDataTenantPrefix = function (label) { return "DT:".concat(slice(0, 1, label)); };
-export var DataTenantBadge = function (_a) {
-    var dataTenantId = _a.dataTenantId, className = _a.className;
-    var styles = useStyles({ dataTenantId: dataTenantId });
-    var dataTenants = useMdmDataTenants();
-    var dataTenant = pipe(defaultTo([]), find(propEq('id', dataTenantId)))(dataTenants);
-    var label = pipe(propOr('', 'label'), toUpper, ifElse(startsWith('DT:'), slice(0, 4), addDataTenantPrefix))(dataTenant);
-    var content = (React.createElement("div", { className: classnames(styles.root, className) },
-        React.createElement(Typography, { variant: "body2" }, label)));
-    var showTooltip = !!(dataTenant === null || dataTenant === void 0 ? void 0 : dataTenant.label);
-    if (!showTooltip) {
-        return content;
-    }
-    return (React.createElement(Tooltip, { "data-reltio-id": "reltio-data-tenant-bage-tooltip", title: dataTenant.label }, content));
-};

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import moment from 'moment';
-import { formatDataTypeValue, isAttributeValueLink, addProtocolToLink } from '@reltio/mdm-sdk';
-import Link from '@mui/material/Link';
-import SearchHighlighter from '../SearchHighlighter/SearchHighlighter';
-import { useMdmAttributesPresentation, useMdmDateMask, useMdmDateTimeMask } from '../../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.localeData().longDateFormat('L');
-    var localeTimeFormat = moment.localeData().longDateFormat('LTS');
-    var attributesPresentation = useMdmAttributesPresentation();
-    var dateMask = useMdmDateMask() || localeDateFormat;
-    var dateTimeMask = useMdmDateTimeMask() || localeDateFormat + ' ' + localeTimeFormat;
-    var formattedValue = formatDataTypeValue({ attributesPresentation: attributesPresentation, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask }, value);
-    return rich && isAttributeValueLink(dataTypeDefinition, value) ? (React.createElement(Link, { target: "_blank", href: addProtocolToLink(formattedValue), underline: "none" },
-        React.createElement(SearchHighlighter, { text: formattedValue }))) : (React.createElement(SearchHighlighter, { text: formattedValue }));
-};
-DataTypeValue.propTypes = {
-    value: PropTypes.any,
-    dataTypeDefinition: PropTypes.object,
-    rich: PropTypes.bool
-};
-export default DataTypeValue;

package/esm/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;

package/esm/components/DateIntervalSelector/DateIntervalSelector.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { pipe } from 'ramda';
-import { getIntervalUnitLabel } from '@reltio/mdm-sdk';
-import TextField from '@mui/material/TextField';
-import SimpleDropDownSelector from '../SimpleDropDownSelector/SimpleDropDownSelector';
-import { getValue } from '../../core/utils';
-import { useStyles } from './styles';
-import { capitalize } from '@mui/material/utils';
-var periods = ['minutes', 'hours', 'days', 'weeks', 'months', 'years'];
-var DateIntervalSelector = function (_a) {
-    var _b = _a.interval, value = _b[0], unit = _b[1], onChange = _a.onChange, onFocus = _a.onFocus;
-    var styles = useStyles();
-    var getIntervalFromValue = function (newValue) { return [newValue, unit]; };
-    var getIntervalFromUnit = function (_a) {
-        var newUnit = _a.value;
-        return [value, newUnit];
-    };
-    var onNumberChange = pipe(getValue, parseInt, getIntervalFromValue, onChange);
-    var onUnitChange = pipe(getIntervalFromUnit, onChange);
-    return (React.createElement("div", { className: styles.root },
-        React.createElement(TextField, { variant: "standard", type: "number", value: value || '', onChange: onNumberChange, inputProps: { min: 1, onFocus: onFocus }, InputProps: { classes: { root: styles.input } }, className: styles.inputNumber }),
-        React.createElement(SimpleDropDownSelector, { label: '', placeholder: capitalize(unit), className: styles.inputUnit, value: { value: unit, label: capitalize(getIntervalUnitLabel(unit)) }, options: periods.map(function (value) { return ({
-                value: value,
-                label: capitalize(getIntervalUnitLabel(value))
-            }); }), onChange: onUnitChange, TextFieldProps: {
-                inputProps: { onFocus: onFocus },
-                InputProps: { classes: { root: styles.input } }
-            } })));
-};
-export default DateIntervalSelector;

package/esm/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-type Values = [Date, Date];
-type Props = {
-    onApply: ([startDate, endDate]: Values) => void;
-    values?: Values;
-    type?: string;
-    minDate?: Date;
-    maxDate?: Date;
-};
-declare const DateRangePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default DateRangePicker;