@reltio/components 1.4.1824-hf → 1.4.1836-hf

package/esm/components/attributes/PivotingAttributes/styles.js

@@ -1,101 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    container: {
-        backgroundColor: 'white',
-        width: '360px',
-        minWidth: '360px',
-        maxWidth: '720px'
-    },
-    header: {
-        display: 'flex',
-        height: '48px',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingLeft: '16px'
-    },
-    title: {
-        color: theme.palette.text.primary,
-        fontSize: '16px',
-        letterSpacing: '0.15px',
-        lineHeight: '19px'
-    },
-    entityTypeLabel: {
-        color: 'rgba(0,0,0,0.67)',
-        fontSize: '14px',
-        paddingLeft: '16px',
-        paddingBottom: '12px',
-        lineHeight: '16px'
-    },
-    divider: {
-        height: '24px',
-        width: '1px',
-        backgroundColor: 'rgba(0,0,0,0.12)'
-    },
-    headerCount: {
-        color: theme.palette.text.secondary,
-        fontSize: '14px',
-        letterSpacing: '0.24px',
-        lineHeight: '28px',
-        width: '210px'
-    },
-    body: {
-        borderBottom: '1px solid rgba(0,0,0,0.12)',
-        padding: '0 16px 8px'
-    },
-    footer: {
-        display: 'flex',
-        alignItems: 'center',
-        height: '32px',
-        paddingLeft: '16px',
-        color: theme.palette.primary.main,
-        fontSize: '13px',
-        letterSpacing: '0',
-        lineHeight: '16px'
-    },
-    profileIcon: {
-        height: '16px',
-        width: '16px'
-    },
-    entityContainer: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center'
-    },
-    entityLabel: {
-        color: theme.palette.primary.main,
-        fontSize: '13px',
-        letterSpacing: '0',
-        lineHeight: '15px',
-        textDecoration: 'none',
-        paddingLeft: '8px',
-        wordBreak: 'break-word'
-    },
-    icon: {
-        marginRight: '8px',
-        verticalAlign: 'middle',
-        width: '12px',
-        height: '12px'
-    },
-    content: {
-        color: theme.palette.primary.main,
-        cursor: 'pointer',
-        lineHeight: '16px'
-    },
-    seeAllButton: {
-        cursor: 'pointer'
-    }
-}); });
-export var usePivotingTooltipStyles = makeStyles({
-    tooltip: {
-        backgroundColor: 'white',
-        boxShadow: '0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2)',
-        padding: 0,
-        borderRadius: '4px',
-        maxWidth: 'none'
-    },
-    arrow: {
-        '&::before': {
-            backgroundColor: 'white'
-        }
-    }
-});

package/esm/components/attributes/editMode/AttributesFactory/Attribute.d.ts

@@ -1,7 +0,0 @@
-import { AttributeType } from '@reltio/mdm-sdk';
-import React from 'react';
-declare const Attribute: React.ForwardRefExoticComponent<Pick<{
-    className?: string;
-    attributeType: AttributeType;
-} & Record<string, unknown>, string> & React.RefAttributes<HTMLDivElement>>;
-export default Attribute;

package/esm/components/attributes/editMode/AttributesFactory/Attribute.js

@@ -1,19 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import EditModeAttributesFactory from './AttributesFactory';
-var Attribute = forwardRef(function (props, ref) {
-    var className = props.className, otherProps = __rest(props, ["className"]);
-    return (React.createElement("div", { ref: ref, "data-reltio-id": "reltio-edit-attribute", className: className }, EditModeAttributesFactory.build(props.attributeType, otherProps)));
-});
-Attribute.displayName = 'Attribute';
-export default Attribute;

package/esm/components/attributes/editMode/AttributesFactory/AttributesFactory.d.ts

@@ -1,3 +0,0 @@
-export default class EditModeAttributesFactory {
-    static build(attributeType: any, props?: {}): JSX.Element;
-}

package/esm/components/attributes/editMode/AttributesFactory/AttributesFactory.js

@@ -1,47 +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 from 'react';
-import { DataTypes, isReltioCrosswalk } from '@reltio/mdm-sdk';
-import SimpleAttributeEditor from '../SimpleAttributeEditor/SimpleAttributeEditor';
-import NestedAttribute from '../NestedAttribute/NestedAttribute';
-import ReferenceAttribute from '../ReferenceAttribute/ReferenceAttribute';
-var EditModeAttributesFactory = /** @class */ (function () {
-    function EditModeAttributesFactory() {
-    }
-    EditModeAttributesFactory.build = function (attributeType, props) {
-        if (props === void 0) { props = {}; }
-        /* eslint-disable @typescript-eslint/no-unused-vars */
-        var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, errors = props.errors, crosswalks = props.crosswalks, showNonOv = props.showNonOv, expanded = props.expanded, propsForSimpleAttribute = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "errors", "crosswalks", "showNonOv", "expanded"]);
-        /* eslint-enable @typescript-eslint/no-unused-vars */
-        switch (attributeType.type) {
-            case DataTypes.TYPE_NESTED:
-                return React.createElement(NestedAttribute, __assign({}, props));
-            case DataTypes.TYPE_REFERENCE:
-                return React.createElement(ReferenceAttribute, __assign({}, props));
-            default:
-                return (React.createElement(SimpleAttributeEditor, __assign({ isReltioCrosswalk: isReltioCrosswalk(crosswalks, props.attributeValue) }, propsForSimpleAttribute)));
-        }
-    };
-    return EditModeAttributesFactory;
-}());
-export default EditModeAttributesFactory;

package/esm/components/attributes/editMode/AttributesList/AttributesList.js

@@ -1,93 +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, useContext, useMemo, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import i18n from 'ui-i18n';
-import { getCreatableAttributeTypes, getAttributesListForEditMode, ModeType, getParentUri, checkCanCreateAttribute } from '@reltio/mdm-sdk';
-import { last, path } from 'ramda';
-import AttributesPager from '../AttributesPager';
-import BranchDecorator from '../../BranchDecorator/BranchDecorator';
-import MoreAttributesButton from '../MoreAttributesButton';
-import { ALWAYS_VISIBLE_TYPE_URIS } from '../../../../constants';
-import { splitPagersData } from '../../helpers/attributesView';
-import { getMoreAttrTypes } from './helpers';
-import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
-import { HasDeletionsContext } from '../contexts/HasDeletionsContext';
-import { withContext } from '../../../../HOCs';
-import { ScrollType, ScrollToElementContext, ConfigPermissionsContext } from '../../../../contexts';
-var AttributesList = function (_a) {
-    var parentAttributeType = _a.parentAttributeType, attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv, highlightAttribute = _a.highlightAttribute;
-    var _c = entity.attributes, attributes = _c === void 0 ? {} : _c;
-    var _d = useState({}), hasDeletionsMap = _d[0], setHasDeletionsMap = _d[1];
-    var setHasDeletions = useCallback(function (attrTypeUri, value) {
-        setHasDeletionsMap(function (prevMap) {
-            var _a;
-            return (__assign(__assign({}, prevMap), (_a = {}, _a[attrTypeUri] = value, _a)));
-        });
-    }, []);
-    useEffect(function () {
-        setHasDeletionsMap({});
-    }, [parentUri]);
-    var canCreate = useContext(ConfigPermissionsContext).canCreate;
-    var canCreateParentAttrType = useMemo(function () { return canCreate && parentAttributeType && checkCanCreateAttribute({ attributeType: parentAttributeType, mode: mode }); }, [parentAttributeType, mode, canCreate]);
-    var creatableAttrTypes = useMemo(function () { return (canCreate ? getCreatableAttributeTypes(mode, attrTypes) : []); }, [attrTypes, mode, canCreate]);
-    var moreAttrTypes = getMoreAttrTypes(creatableAttrTypes, entity, showEmptyEditors, hasDeletionsMap);
-    var pinnedAttributes = useContext(PinnedAttributesContext);
-    var pagersData = useMemo(function () {
-        return getAttributesListForEditMode(attrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate);
-    }, [attrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate]);
-    var _e = useMemo(function () { return splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _e[0], regularPagersData = _e[1];
-    var onAddMoreAttributes = useCallback(function (attributeTypes) {
-        onAddAttributes(attributeTypes.map(function (attributeType) { return ({
-            attributeType: attributeType,
-            parentUri: attributeType === parentAttributeType ? getParentUri(parentUri) : parentUri
-        }); }));
-        highlightAttribute(last(attributeTypes), ScrollType.NewAttribute);
-    }, [onAddAttributes, parentUri, parentAttributeType]);
-    var decoratorProps = {
-        enabled: drawLines
-    };
-    var hasDeletionsContextValue = useMemo(function () { return ({
-        hasDeletionsMap: hasDeletionsMap,
-        setHasDeletions: setHasDeletions
-    }); }, [hasDeletionsMap, setHasDeletions]);
-    return (React.createElement("div", { className: className },
-        children && React.createElement(BranchDecorator, __assign({}, decoratorProps), children),
-        React.createElement(BranchDecorator, __assign({}, decoratorProps, { plain: true }), moreAttrTypes.length > 0 && (React.createElement(MoreAttributesButton, { label: i18n.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes, parent: canCreateParentAttrType && parentAttributeType }))),
-        React.createElement(HasDeletionsContext.Provider, { value: hasDeletionsContextValue }, regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
-            var attrType = _a.attrType, values = _a.values;
-            return (React.createElement(AttributesPager, { key: "".concat(attrType.uri, "_").concat(parentUri), attributeType: attrType, drawLines: drawLines, values: values, paging: path(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));
-        }))));
-};
-AttributesList.propTypes = {
-    parentAttributeType: PropTypes.object,
-    attrTypes: PropTypes.array,
-    entity: PropTypes.object,
-    parentUri: PropTypes.string,
-    children: PropTypes.node,
-    showEmptyEditors: PropTypes.bool,
-    mode: ModeType,
-    crosswalks: PropTypes.array,
-    drawLines: PropTypes.bool,
-    showNonOv: PropTypes.bool,
-    className: PropTypes.string,
-    alwaysVisibleTypeUris: PropTypes.array,
-    onAddAttributes: PropTypes.func,
-    onChangeAttribute: PropTypes.func,
-    onDeleteAttribute: PropTypes.func,
-    additionalControlsRenderer: PropTypes.func,
-    highlightAttribute: PropTypes.func
-};
-export default withContext(ScrollToElementContext, function (contextValue) {
-    var highlightAttribute = (contextValue || {}).highlightAttribute;
-    return { highlightAttribute: highlightAttribute };
-}, AttributesList);

package/esm/components/attributes/editMode/AttributesList/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./AttributesList";

package/esm/components/attributes/editMode/AttributesList/index.js

@@ -1 +0,0 @@
-export { default } from './AttributesList';

package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue, AttributeError, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
-import { AttributePagerProps } from './types';
-type Props = Omit<AttributePagerProps, 'values'> & {
-    values?: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
-    nonVisibleValues: AttributeValue[];
-    errorMessage?: string;
-    errors?: AttributeError[];
-    max?: number;
-    onDeactivateError?: (id: string) => void;
-    requestNextPageOfAttributeValues?: (payload: RequestNextPageOfAttributeValuesPayload) => void;
-};
-declare const _default: React.MemoExoticComponent<{
-    ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, highlightedError, highlightedAttribute, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props): JSX.Element;
-    displayName: string;
-}>;
-export default _default;

package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.js

@@ -1,100 +0,0 @@
-import React, { useCallback, useRef, useState, useContext, useMemo, memo } from 'react';
-import classNames from 'classnames';
-import { createNewAttribute, getAttributeOwnError, isComplexAttribute, isEditableMode as checkIsEditableMode, isEmptyValue } from '@reltio/mdm-sdk';
-import { add, always, has, ifElse, min, pipe, prop, T, omit } from 'ramda';
-import BranchDecorator from '../../BranchDecorator/BranchDecorator';
-import ErrorMessage from '../../../ErrorWrapper/ErrorMessage';
-import Title from '../../../Title/Title';
-import OvIcon from '../../OvIcon';
-import ShowLess from '../../pagersCommon/ShowLess';
-import ShowMore from '../../pagersCommon/ShowMore';
-import Attribute from '../AttributesFactory/Attribute';
-import Cardinality from './CardinalityMessage';
-import { filterNewValues } from './utils';
-import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
-import { useScrollToAttributeError } from '../../../../hooks';
-import DescriptionIcon from '../../DescriptionIcon/DescriptionIcon';
-import { useScrollToAttribute } from '../hooks/useScrollToAttribute/useScrollToAttribute';
-import { useStyles } from './styles';
-var AttributeRenderer = function (_a) {
-    var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
-    var styles = useStyles();
-    var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
-    var _c = useState(false), hadDeletions = _c[0], setHadDeletions = _c[1];
-    var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality, name = attributeType.name, attributeTypeUri = attributeType.uri, description = attributeType.description;
-    var isEditableMode = checkIsEditableMode(mode);
-    var _d = useScrollToAttributeError({ highlightedError: highlightedError }), errorRef = _d.ref, errorClassName = _d.errorClassName;
-    var _e = useScrollToAttribute(highlightedAttribute), attributeRef = _e.ref, highlightedClassName = _e.highlightedClassName;
-    var pinnedAttributes = useContext(PinnedAttributesContext);
-    var isPinned = useMemo(function () { return pinnedAttributes === null || pinnedAttributes === void 0 ? void 0 : pinnedAttributes.includes(attributeTypeUri); }, [attributeTypeUri, pinnedAttributes]);
-    var isEmptyValues = isEmptyValue(values);
-    var showEmpty = ((!hadDeletions && showEmptyEditors) || isRequired || isPinned) && isEmptyValues;
-    var emptyEditorValue = useRef(createNewAttribute({
-        parentUri: parentUri,
-        attributeType: omit(['defaultValue'], attributeType)
-    }));
-    var onAddOneMore = useCallback(function () {
-        setVisibleValuesCount(visibleValuesCount + 1);
-        var createAttribute = function (attributeType) { return ({
-            parentUri: parentUri,
-            index: visibleValuesCount,
-            attributeType: attributeType
-        }); };
-        if (showEmpty && !isComplexAttribute(attributeType.type)) {
-            var attributes = [createAttribute(omit(['defaultValue'], attributeType)), createAttribute(attributeType)];
-            return onAddAttributes(attributes);
-        }
-        return onAddAttributes([createAttribute(attributeType)]);
-    }, [visibleValuesCount, onAddAttributes, parentUri, attributeType, showEmpty]);
-    var onDelete = useCallback(pipe(onDeleteAttribute, T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
-    if (isEmptyValues && !showEmpty) {
-        return null;
-    }
-    if (showEmpty && isEmptyValues) {
-        values = [emptyEditorValue.current];
-    }
-    if (isEmptyValue(values)) {
-        return null;
-    }
-    var newValuesCount = (filterNewValues(values) || []).length;
-    var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
-    var totalVisibleValues = ifElse(has(totalProp), pipe(prop(totalProp), add(newValuesCount)), always(values.length))(paging);
-    var totalNonVisibleValues = (paging === null || paging === void 0 ? void 0 : paging.totalValues)
-        ? paging.totalValues - totalVisibleValues
-        : nonVisibleValues === null || nonVisibleValues === void 0 ? void 0 : nonVisibleValues.length;
-    var hasPaging = max < totalVisibleValues;
-    var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
-    var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
-    var onShowMore = function () {
-        if (values.length < totalVisibleValues) {
-            requestNextPageOfAttributeValues({
-                parentUri: parentUri,
-                attributeTypeUri: attributeTypeUri,
-                attributeTypeName: name,
-                values: values,
-                defaultMaxValues: max
-            });
-        }
-        setVisibleValuesCount(visibleValuesCount + max);
-    };
-    var onShowLess = function () {
-        setVisibleValuesCount(max);
-    };
-    var shownValues = values.slice(0, visibleValuesCount);
-    var lastIndex = shownValues ? shownValues.length - 1 : 0;
-    var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
-    return (React.createElement(BranchDecorator, { enabled: drawLines },
-        React.createElement("div", { ref: errorRef, className: classNames(styles.wrapper, errorClassName) },
-            React.createElement("div", { className: styles.titleWrapper },
-                React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
-                React.createElement(DescriptionIcon, { description: description }),
-                React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
-            isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
-            isEditableMode && React.createElement(ErrorMessage, { message: errorMessage, className: styles.typeError }),
-            React.createElement("div", { className: styles.attributesWrapper },
-                shownValues.map(function (value, idx) { return (React.createElement(Attribute, { key: value.uri, attributeValue: value, attributeType: attributeType, lazy: showEmpty && !isRequired, showEmptyEditors: showEmptyEditors, errors: errors, ownError: getAttributeOwnError(value, idx, attributeType.uri, errors), mode: mode, crosswalks: crosswalks, onAddOneMore: lastIndex === idx ? onAddOneMore : null, onAddAttributes: onAddAttributes, onDeleteAttribute: onDelete, onChangeAttribute: onChangeAttribute, onDeactivateError: onDeactivateError, additionalControlsRenderer: additionalControlsRenderer, className: idx === 0 ? highlightedClassName : null, ref: idx === 0 ? attributeRef : null, isEmptyEditor: showEmpty })); }),
-                showMore && (React.createElement(ShowMore, { moreNumber: min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
-                showLess && React.createElement(ShowLess, { onClick: onShowLess })))));
-};
-AttributeRenderer.displayName = 'AttributeRenderer';
-export default memo(AttributeRenderer);

package/esm/components/attributes/editMode/AttributesPager/AttributesPager.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { AttributePagerProps } from './types';
-declare const _default: React.ComponentType<AttributePagerProps>;
-export default _default;

package/esm/components/attributes/editMode/AttributesPager/AttributesPager.js

@@ -1,85 +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 from 'react';
-import { getAttributeErrorByTypeUri, getAttributePagerActiveTypeErrorMessage, isAttributeTypeError, isImage, isOv, isSpecialAttribute, Mode } from '@reltio/mdm-sdk';
-import { always, cond, T, partition } from 'ramda';
-import BranchDecorator from '../../BranchDecorator/BranchDecorator';
-import AttributeRenderer from './AttributeRenderer';
-import SpecialRenderer from './SpecialRenderer';
-import { ImageLineRenderer } from './ImageLineRenderer';
-import { withContext } from '../../../../HOCs';
-import { isHighlightedAttributeType, isHighlightedErrorType, ScrollToElementContext, useMdmAction, useMdmActiveErrorsForAttributesPager, useMdmMaxValuesInResponse, useMdmProfileErrors } from '../../../../contexts';
-var RENDERER_TYPES;
-(function (RENDERER_TYPES) {
-    RENDERER_TYPES["imageLine"] = "imageLine";
-    RENDERER_TYPES["special"] = "special";
-    RENDERER_TYPES["default"] = "default";
-})(RENDERER_TYPES || (RENDERER_TYPES = {}));
-var AttributesPager = function (_a) {
-    var _b;
-    var values = _a.values, attributeType = _a.attributeType, _c = _a.mode, mode = _c === void 0 ? Mode.Viewing : _c, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, maxProp = _a.max, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer;
-    var onDeactivateError = useMdmAction('errorDeactivated');
-    var requestNextPageOfAttributeValues = useMdmAction('requestNextPageOfAttributeValues');
-    var activeErrors = useMdmActiveErrorsForAttributesPager(parentUri, attributeType);
-    var profileErrors = useMdmProfileErrors();
-    var maxValuesInResponse = useMdmMaxValuesInResponse();
-    var errorMessage = getAttributePagerActiveTypeErrorMessage(parentUri, attributeType, profileErrors);
-    var max = (_b = maxProp !== null && maxProp !== void 0 ? maxProp : maxValuesInResponse) !== null && _b !== void 0 ? _b : Infinity;
-    var partitionByOv = partition(isOv);
-    var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
-    var visibleValues = showNonOv ? values : ovValues;
-    var nonVisibleValues = showNonOv ? [] : nonOvValues;
-    var commonProps = {
-        errorMessage: errorMessage,
-        errors: activeErrors,
-        mode: mode,
-        parentUri: parentUri,
-        onAddAttributes: onAddAttributes,
-        onDeleteAttribute: onDeleteAttribute,
-        onChangeAttribute: onChangeAttribute,
-        onDeactivateError: onDeactivateError,
-        additionalControlsRenderer: additionalControlsRenderer,
-        showEmptyEditors: showEmptyEditors,
-        highlightedError: highlightedError,
-        highlightedAttribute: highlightedAttribute
-    };
-    var renderAttribute = function () {
-        var type = cond([
-            [isSpecialAttribute, always(RENDERER_TYPES.special)],
-            [isImage, always(RENDERER_TYPES.imageLine)],
-            [T, always(RENDERER_TYPES.default)]
-        ])(attributeType);
-        switch (type) {
-            case RENDERER_TYPES.special: {
-                return (React.createElement(BranchDecorator, { enabled: drawLines },
-                    React.createElement(SpecialRenderer, __assign({ values: visibleValues, attributeType: attributeType }, commonProps))));
-            }
-            case RENDERER_TYPES.imageLine:
-                return (React.createElement(BranchDecorator, { enabled: drawLines },
-                    React.createElement(ImageLineRenderer, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, highlightedAttribute: highlightedAttribute, error: getAttributeErrorByTypeUri(attributeType.uri, activeErrors), highlightedError: highlightedError, onDeactivateError: onDeactivateError })));
-            default:
-                return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, nonVisibleValues: nonVisibleValues }, commonProps)));
-        }
-    };
-    return renderAttribute();
-};
-export default withContext(ScrollToElementContext, function (contextValue, _a) {
-    var attributeType = _a.attributeType, parentUri = _a.parentUri;
-    var _b = contextValue || {}, element = _b.element, type = _b.type;
-    var isHighlightedAttribute = isHighlightedAttributeType(type) && element.uri === attributeType.uri;
-    var isHighlightedError = isHighlightedErrorType(type) &&
-        isAttributeTypeError(element, parentUri, attributeType.uri);
-    return {
-        highlightedAttribute: isHighlightedAttribute ? contextValue : null,
-        highlightedError: isHighlightedError ? contextValue : null
-    };
-}, AttributesPager);

package/esm/components/attributes/editMode/AttributesPager/CardinalityMessage.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Cardinality } from '@reltio/mdm-sdk';
-type Props = {
-    cardinality?: Cardinality;
-};
-declare const CardinalityMessage: ({ cardinality }: Props) => JSX.Element;
-export default CardinalityMessage;

package/esm/components/attributes/editMode/AttributesPager/CardinalityMessage.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import i18n from 'ui-i18n';
-import Typography from '@mui/material/Typography';
-import { allPass, always, cond, isNil, has, not, pipe, propSatisfies, T } from 'ramda';
-import { useStyles } from './styles';
-var valueCaption = function (value) {
-    return i18n.text('${value}', {
-        value: value === 1 ? i18n.text('value') : i18n.text('values')
-    });
-};
-var hasMinValue = has('minValue');
-var hasMaxValue = has('maxValue');
-var noMaxValue = pipe(hasMaxValue, not);
-var minValueIsOne = propSatisfies(function (minValue) { return minValue === 1; }, 'minValue');
-var exactCardinality = function (_a) {
-    var minValue = _a.minValue, maxValue = _a.maxValue;
-    return minValue && minValue === maxValue;
-};
-var generateMinCardinality = function (_a) {
-    var minValue = _a.minValue;
-    return i18n.text('This attribute can have minimum ${minValue} ${minValueCaption}', {
-        minValue: i18n.number(minValue, '0'),
-        minValueCaption: valueCaption(minValue)
-    });
-};
-var generateMaxCardinality = function (_a) {
-    var maxValue = _a.maxValue;
-    return i18n.text('This attribute can have maximum ${maxValue} ${maxValueCaption}', {
-        maxValue: i18n.number(maxValue, '0'),
-        maxValueCaption: valueCaption(maxValue)
-    });
-};
-var generateExactCardinality = function (_a) {
-    var minValue = _a.minValue;
-    return i18n.text('This attribute should have ${minValue} ${minValueCaption}', {
-        minValue: i18n.number(minValue, '0'),
-        minValueCaption: valueCaption(minValue)
-    });
-};
-var generateMinMaxCardinality = function (_a) {
-    var minValue = _a.minValue, maxValue = _a.maxValue;
-    return i18n.text('${minCardinality} and maximum ${maxValue} ${maxValueCaption}', {
-        minCardinality: generateMinCardinality({ minValue: minValue }),
-        maxValue: i18n.number(maxValue, '0'),
-        maxValueCaption: valueCaption(maxValue)
-    });
-};
-var getCardinalityMessage = cond([
-    [isNil, always('')],
-    [exactCardinality, generateExactCardinality],
-    [allPass([minValueIsOne, hasMaxValue]), generateMaxCardinality],
-    [allPass([minValueIsOne, noMaxValue]), always('')],
-    [allPass([hasMinValue, hasMaxValue]), generateMinMaxCardinality],
-    [hasMaxValue, generateMaxCardinality],
-    [hasMinValue, generateMinCardinality],
-    [T, always('')]
-]);
-var CardinalityMessage = function (_a) {
-    var cardinality = _a.cardinality;
-    var styles = useStyles();
-    var cardinalityMessage = getCardinalityMessage(cardinality);
-    return cardinalityMessage ? (React.createElement(Typography, { variant: "caption", className: styles.caption }, cardinalityMessage)) : null;
-};
-export default CardinalityMessage;

package/esm/components/attributes/editMode/AttributesPager/ImageLineRenderer.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { AttributeError, AttributeItem, AttributeType, ImageAttributeValue, Paging, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
-import { ScrollToElementContext } from '../../../../contexts';
-type Props = {
-    attributeType: AttributeType;
-    attributeValues: ImageAttributeValue[];
-    paging?: Paging;
-    parentUri?: string;
-    showNonOv?: boolean;
-    onDeleteAttribute: (param: AttributeItem) => void;
-    onChangeAttribute: (param: AttributeItem) => void;
-    requestNextPageOfAttributeValues?: (payload: RequestNextPageOfAttributeValuesPayload) => void;
-    highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
-    error?: AttributeError;
-    highlightedError?: React.ContextType<typeof ScrollToElementContext>;
-    onDeactivateError?: (id: string) => void;
-};
-export declare const ImageLineRenderer: ({ attributeType, attributeValues, paging, parentUri, showNonOv, onDeleteAttribute, onChangeAttribute, requestNextPageOfAttributeValues, highlightedAttribute, error, highlightedError, onDeactivateError }: Props) => JSX.Element;
-export {};

package/esm/components/attributes/editMode/AttributesPager/ImageLineRenderer.js

@@ -1,30 +0,0 @@
-import React, { useCallback } from 'react';
-import classnames from 'classnames';
-import { pipe } from 'ramda';
-import { getErrorId } from '@reltio/mdm-sdk';
-import Title from '../../../Title/Title';
-import DescriptionIcon from '../../DescriptionIcon';
-import ImageAttributesLine from '../ImageAttributesLine';
-import { useScrollToAttribute } from '../hooks/useScrollToAttribute/useScrollToAttribute';
-import { useScrollToAttributeError } from '../../../../hooks';
-import ErrorWrapper from '../../../ErrorWrapper/ErrorWrapper';
-import { useStyles } from './styles';
-export var ImageLineRenderer = function (_a) {
-    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, highlightedAttribute = _a.highlightedAttribute, error = _a.error, highlightedError = _a.highlightedError, onDeactivateError = _a.onDeactivateError;
-    var styles = useStyles();
-    var label = attributeType.label, description = attributeType.description, isRequired = attributeType.required;
-    var _b = useScrollToAttribute(highlightedAttribute), highlightedRef = _b.ref, highlightedClassName = _b.highlightedClassName;
-    var _c = useScrollToAttributeError({ highlightedError: highlightedError }), errorRef = _c.ref, errorClassName = _c.errorClassName;
-    var deactivateError = useCallback(function () {
-        if (error && !!onDeactivateError) {
-            onDeactivateError(getErrorId(error));
-        }
-    }, [error, onDeactivateError]);
-    return (React.createElement("div", { ref: highlightedRef, className: classnames(styles.wrapper, highlightedClassName) },
-        React.createElement("div", { ref: errorRef, className: classnames(styles.imagesWrapper, errorClassName) },
-            React.createElement("div", { className: styles.titleWrapper },
-                React.createElement(Title, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label", isRequired: isRequired }),
-                React.createElement(DescriptionIcon, { description: description })),
-            React.createElement(ErrorWrapper, { errorMessage: error === null || error === void 0 ? void 0 : error.message, className: styles.errorWrapper },
-                React.createElement(ImageAttributesLine, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: pipe(onChangeAttribute, deactivateError), requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })))));
-};

package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { AttributeType, Mode, AttributeItem } from '@reltio/mdm-sdk';
-import { ScrollToElementContext } from '../../../../contexts';
-type Props = {
-    values: string[] | number[];
-    attributeType: AttributeType;
-    parentUri: string;
-    mode: Mode;
-    errorMessage?: string;
-    onDeleteAttribute: (param: AttributeItem) => void;
-    onChangeAttribute: (param: AttributeItem) => void;
-    showEmptyEditors?: boolean;
-    hasDeletions?: boolean;
-    setHasDeletions?: (attrTypeUri: string, value: boolean) => void;
-    highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
-};
-export declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, hasDeletions: hasDeletionsProp, setHasDeletions, highlightedAttribute, ...otherProps }: Props) => JSX.Element;
-declare const _default: React.ComponentType<Props>;
-export default _default;