@reltio/components 1.4.1790 → 1.4.1824-hf

package/esm/ArrowExpandButton/ArrowExpandButton.js

@@ -1,33 +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 classnames from 'classnames';
-import ArrowRight from '@mui/icons-material/ArrowRight';
-import { SmallIconButton } from '../SmallIconButton';
-import { useStyles } from './styles';
-export var ArrowExpandButton = function (props) {
-    var _a;
-    var styles = useStyles();
-    var expanded = props.expanded, className = props.className, otherProps = __rest(props, ["expanded", "className"]);
-    return (React.createElement(SmallIconButton, __assign({ icon: ArrowRight, size: "XXS", disableRipple: true, iconClassName: classnames(styles.expandIcon, (_a = {}, _a[styles.expanded] = expanded, _a)), className: classnames(className, styles.expandButton), "data-reltio-id": "arrow-expand-button" }, otherProps)));
-};

package/esm/ArrowExpandButton/index.d.ts

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

package/esm/ArrowExpandButton/index.js

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

package/esm/AttributeGroupIcon/AttributeGroupIcon.d.ts

@@ -1,10 +0,0 @@
-import { Metadata } from '@reltio/mdm-sdk';
-type Props = {
-    group: {
-        id: string;
-        title: string;
-    };
-    metadata: Metadata;
-};
-export declare const AttributeGroupIcon: ({ group, metadata }: Props) => JSX.Element;
-export {};

package/esm/AttributeGroupIcon/AttributeGroupIcon.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { getAbsoluteImageUrl, getEntityTypeGraphIcon } from '@reltio/mdm-sdk';
-import { AvatarWithFallback } from '../AvatarWithFallback';
-import { useMdmAbsoluteImagePath } from '../contexts/MdmModuleContext';
-import { useStyles } from './styles';
-export var AttributeGroupIcon = function (_a) {
-    var group = _a.group, metadata = _a.metadata;
-    var styles = useStyles();
-    var absoluteImagePath = useMdmAbsoluteImagePath();
-    var entityTypeGraphIcon = getEntityTypeGraphIcon(metadata, { type: group.id });
-    var absoluteImageUrl = getAbsoluteImageUrl(absoluteImagePath, entityTypeGraphIcon);
-    return React.createElement(AvatarWithFallback, { className: styles.icon, icon: absoluteImageUrl, avatarText: group.title[0] });
-};

package/esm/AttributeGroupIcon/AttributeGroupIcon.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/AttributeGroupIcon/AttributeGroupIcon.spec.js

@@ -1,51 +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 { render, screen } from '@testing-library/react';
-import { AttributeGroupIcon } from './AttributeGroupIcon';
-import { MdmModuleProvider } from '../contexts/MdmModuleContext';
-describe('AttributeGroupIcon tests', function () {
-    var absoluteImagePath = 'https://s3.amazonaws.com/reltio.images/api';
-    var setUp = function (props) {
-        var Providers = function (_a) {
-            var children = _a.children;
-            return (React.createElement(MdmModuleProvider, { values: { absoluteImagePath: absoluteImagePath } }, children));
-        };
-        return render(React.createElement(AttributeGroupIcon, __assign({}, props)), { wrapper: Providers });
-    };
-    it('should render AvatarWithFallback with first letter of title', function () {
-        var group = { id: 'group', title: 'Entity type' };
-        var metadata = { entityTypes: [] };
-        setUp({ group: group, metadata: metadata });
-        screen.getByText('E');
-        expect(screen.queryByRole('img')).not.toBeInTheDocument();
-    });
-    it('should render AvatarWithFallback with icon if icon exists', function () {
-        var entityTypeUri = 'configuration/entityTypes/EntityType1';
-        var typeGraphIcon = 'images/graphIcon/entity-type-icon.png';
-        var metadata = {
-            entityTypes: [
-                {
-                    attributes: [],
-                    uri: entityTypeUri,
-                    typeGraphIcon: typeGraphIcon
-                }
-            ]
-        };
-        var group = {
-            id: entityTypeUri,
-            title: 'Icon Entity type'
-        };
-        setUp({ group: group, metadata: metadata });
-        expect(screen.getByRole('img')).toHaveAttribute('src', "".concat(absoluteImagePath, "/").concat(typeGraphIcon));
-    });
-});

package/esm/AttributeGroupIcon/index.d.ts

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

package/esm/AttributeGroupIcon/index.js

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

package/esm/AttributeListItem/AttributeListItem.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import { AttributeType } from '@reltio/mdm-sdk';
-import { MenuItemProps } from '@mui/material/MenuItem';
-export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent<Pick<{
-    tooltipTitle?: React.ReactNode;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
-    showForDisabled?: boolean;
-} & React.SVGProps<SVGSVGElement>, "string" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "end" | "accumulate" | "local" | "style" | "unicode" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
-    tooltipTitle?: React.ReactNode;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
-    showForDisabled?: boolean;
-} | "path" | "key" | "name" | "values" | "viewBox" | "max" | "media" | "method" | "min" | "target" | "type" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<HTMLElement>>;
-type Data = {
-    attrType?: AttributeType;
-};
-type Props = {
-    data: Data;
-    checked: boolean;
-    label: React.ReactNode;
-    labelInText?: string;
-    level?: number;
-    isFocused?: boolean;
-    isRequired?: boolean;
-    hideIcon?: boolean;
-    hideCheckBox?: boolean;
-    notSelectable?: boolean;
-    disableHorizontalScrollbar?: boolean;
-    onClick?: (data: Data, checked: boolean, groupId: string) => void;
-    subItemMargin?: number;
-    groupId?: string;
-    style?: MenuItemProps['style'];
-    LogoIcon?: React.ElementType;
-    className?: string;
-    disableNonSelectable?: boolean;
-    disableGutters?: boolean;
-};
-declare const _default: React.MemoExoticComponent<{
-    ({ groupId, data, checked, isFocused, isRequired, label, labelInText, level, onClick, hideCheckBox, hideIcon, notSelectable, disableHorizontalScrollbar, style, subItemMargin, LogoIcon, className, disableNonSelectable, disableGutters }: Props): JSX.Element;
-    defaultName: string;
-}>;
-export default _default;

package/esm/AttributeListItem/AttributeListItem.js

@@ -1,45 +0,0 @@
-import React, { memo } from 'react';
-import classnames from 'classnames';
-import i18n from 'ui-i18n';
-import { noop } from '../core';
-import { isNested } from '@reltio/mdm-sdk';
-import ListItemText from '@mui/material/ListItemText';
-import Checkbox from '@mui/material/Checkbox';
-import MenuItem from '@mui/material/MenuItem';
-import RecommendedIcon from '../icons/Recommended';
-import { AttrTypeIcon } from './components/AttrTypeIcon';
-import RequiredMark from '../components/RequiredMark/RequiredMark';
-import Marginator from '../components/Marginator/Marginator';
-import { ExpandedValueTooltip } from '../ExpandedValueTooltip';
-import { withTooltip } from '../HOCs/withTooltip';
-import { useStyles } from './styles';
-export var RecommendedIconWithTooltip = withTooltip(RecommendedIcon);
-var AttributeListItem = function (_a) {
-    var _b, _c, _d;
-    var groupId = _a.groupId, data = _a.data, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.isFocused, isFocused = _f === void 0 ? false : _f, _g = _a.isRequired, isRequired = _g === void 0 ? false : _g, label = _a.label, labelInText = _a.labelInText, level = _a.level, _h = _a.onClick, onClick = _h === void 0 ? noop : _h, _j = _a.hideCheckBox, hideCheckBox = _j === void 0 ? false : _j, _k = _a.hideIcon, hideIcon = _k === void 0 ? false : _k, _l = _a.notSelectable, notSelectable = _l === void 0 ? false : _l, _m = _a.disableHorizontalScrollbar, disableHorizontalScrollbar = _m === void 0 ? false : _m, _o = _a.style, style = _o === void 0 ? {} : _o, _p = _a.subItemMargin, subItemMargin = _p === void 0 ? 20 : _p, LogoIcon = _a.LogoIcon, className = _a.className, disableNonSelectable = _a.disableNonSelectable, disableGutters = _a.disableGutters;
-    var styles = useStyles();
-    var attrType = (data || {}).attrType;
-    var isButton = (!hideCheckBox || !isNested(attrType)) && !notSelectable;
-    var handleItemClick = function () { return onClick(data, !checked, groupId); };
-    var showLogoIcon = !!LogoIcon;
-    var renderIcon = function (attrType) {
-        return groupId === 'recommended' ? (React.createElement(RecommendedIconWithTooltip, { className: styles.recommendedIcon, tooltipTitle: i18n.text('Recommended'), showForDisabled: true })) : (React.createElement(AttrTypeIcon, { attrType: attrType }));
-    };
-    return (React.createElement(ExpandedValueTooltip, { value: labelInText || label, className: styles.itemTooltip, placement: "bottom-end" },
-        React.createElement(MenuItem, { className: classnames(styles.container, styles.listItem, (_b = {}, _b[styles.defaultCursor] = !isButton, _b), className), onClick: isButton ? handleItemClick : undefined, style: style, dense: true, disabled: disableNonSelectable && notSelectable, classes: {
-                focusVisible: styles.listItemFocus,
-                selected: styles.listItemFocus
-            }, selected: isFocused, tabIndex: -1, disableGutters: disableGutters },
-            !hideCheckBox && (React.createElement(Checkbox, { checked: checked, disableRipple: true, disabled: !isButton, className: classnames(styles.checkbox, (_c = {}, _c[styles.checked] = checked, _c)), tabIndex: -1 })),
-            React.createElement(Marginator, { margin: subItemMargin, level: level, className: styles.marginWrapper },
-                React.createElement(React.Fragment, null,
-                    !hideIcon && renderIcon(attrType),
-                    React.createElement("div", { className: classnames(styles.itemTextWrapper, (_d = {}, _d[styles.marginText] = hideIcon, _d)) },
-                        showLogoIcon && React.createElement(LogoIcon, { className: styles.logoIcon }),
-                        React.createElement(ListItemText, { primary: React.createElement(React.Fragment, null,
-                                label,
-                                isRequired && React.createElement(RequiredMark, null)), className: styles.itemText })))),
-            isButton && disableHorizontalScrollbar && React.createElement("div", { className: styles.itemAfter }))));
-};
-AttributeListItem.defaultName = 'AttributeListItem';
-export default memo(AttributeListItem);

package/esm/AttributeListItem/AttributeListItem.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/AttributeListItem/AttributeListItem.spec.js

@@ -1,149 +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 { render, screen } from '@testing-library/react';
-import { mount, shallow } from 'enzyme';
-import MenuItem from '@mui/material/MenuItem';
-import ListItemText from '@mui/material/ListItemText';
-import AttributeListItem, { RecommendedIconWithTooltip } from './AttributeListItem';
-import Checkbox from '@mui/material/Checkbox';
-import SimpleAttrIcon from '../icons/SimpleAttribute';
-import NestedAttrIcon from '../icons/NestedAttribute';
-import ReferenceAttrIcon from '../icons//ReferenceAttribute';
-import SomeLogoIcon from '@mui/icons-material/PlayArrow';
-import { AttrTypeIcon } from './components/AttrTypeIcon';
-describe('AttributeListItem tests', function () {
-    var defaultProps = {
-        data: {},
-        checked: false,
-        label: 'Some Title'
-    };
-    it('should render main components', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps)));
-        expect(component.find(Checkbox).length).toBe(1);
-        expect(component.find(Checkbox).prop('disabled')).toBe(false);
-        expect(component.text().includes('Some Title')).toBe(true);
-    });
-    it('should render main components with label as a node', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { label: React.createElement("span", null, "Some Title") })));
-        expect(component.find(ListItemText).length).toBe(1);
-        expect(component.find(ListItemText).text()).toBe('Some Title');
-    });
-    it('should render checked checkbox', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { checked: true })));
-        var checkbox = component.find(Checkbox);
-        expect(checkbox.prop('checked')).toBe(true);
-        expect(component.find(Checkbox).prop('disabled')).toBe(false);
-        expect(checkbox.prop('className').includes('checked')).toBe(true);
-    });
-    it('should render unchecked checkbox', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { checked: false })));
-        var checkbox = component.find(Checkbox);
-        expect(checkbox.prop('checked')).toBe(false);
-        expect(checkbox.prop('className').includes('checked')).toBe(false);
-    });
-    it('should render simple attribute icon by default', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps)));
-        expect(component.find(SimpleAttrIcon)).toHaveLength(1);
-        expect(component.find(NestedAttrIcon)).toHaveLength(0);
-        expect(component.find(ReferenceAttrIcon)).toHaveLength(0);
-        expect(component.find(RecommendedIconWithTooltip)).toHaveLength(0);
-    });
-    it('should render nested attribute icon', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { data: {
-                attrType: {
-                    type: 'Nested',
-                    name: 'name',
-                    uri: 'uri'
-                }
-            } })));
-        expect(component.find(SimpleAttrIcon)).toHaveLength(0);
-        expect(component.find(NestedAttrIcon)).toHaveLength(1);
-        expect(component.find(ReferenceAttrIcon)).toHaveLength(0);
-        expect(component.find(RecommendedIconWithTooltip)).toHaveLength(0);
-    });
-    it('should render reference attribute icon', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { data: {
-                attrType: {
-                    type: 'Reference',
-                    name: 'name',
-                    uri: 'uri'
-                }
-            } })));
-        expect(component.find(SimpleAttrIcon)).toHaveLength(0);
-        expect(component.find(NestedAttrIcon)).toHaveLength(0);
-        expect(component.find(ReferenceAttrIcon)).toHaveLength(1);
-        expect(component.find(RecommendedIconWithTooltip)).toHaveLength(0);
-    });
-    it("should render recommended icon if groupId === 'recommended'", function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { hideIcon: false, data: {}, groupId: 'recommended' })));
-        expect(component.find(SimpleAttrIcon)).toHaveLength(0);
-        expect(component.find(NestedAttrIcon)).toHaveLength(0);
-        expect(component.find(ReferenceAttrIcon)).toHaveLength(0);
-        expect(component.find(RecommendedIconWithTooltip)).toHaveLength(1);
-    });
-    it('should not render icon if props.hideIcon === true', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { hideIcon: true, data: {} })));
-        expect(component.find(SimpleAttrIcon)).toHaveLength(0);
-        expect(component.find(NestedAttrIcon)).toHaveLength(0);
-        expect(component.find(ReferenceAttrIcon)).toHaveLength(0);
-        expect(component.find(RecommendedIconWithTooltip)).toHaveLength(0);
-    });
-    it('should render logo attribute icon', function () {
-        var component = shallow(React.createElement(AttributeListItem, __assign({}, defaultProps, { LogoIcon: SomeLogoIcon })));
-        expect(component.find(AttrTypeIcon).length).toBe(1);
-        expect(component.find('.logoIcon').length).toBe(1);
-        expect(component.find(ListItemText).length).toBe(1);
-    });
-    it('should call onClick props with checked state and attributeTypes', function () {
-        var onClick = jest.fn();
-        var data = {};
-        var groupId = 'tesGroupId';
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { data: data, onClick: onClick, groupId: groupId })));
-        component.find(MenuItem).find('li').simulate('click');
-        expect(onClick).toBeCalledWith(data, true, groupId);
-        component.setProps({ checked: true });
-        component.find(MenuItem).find('li').simulate('click');
-        expect(onClick).toBeCalledWith(data, false, groupId);
-    });
-    it('should hide checkbox when hideCheckBox is set', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { data: {}, hideCheckBox: true })));
-        expect(component.find(Checkbox)).toHaveLength(0);
-    });
-    it('should unable click for nested attribute when hideCheckBox is set', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { data: {
-                attrType: {
-                    type: 'Nested',
-                    name: 'name',
-                    uri: 'uri'
-                }
-            }, hideCheckBox: true })));
-        var menuItem = component.find(MenuItem);
-        expect(menuItem.prop('onClick')).toBeUndefined();
-        expect(menuItem.prop('className')).toContain('defaultCursor');
-    });
-    it('should do not allow to click on attribute when notSelectable is true', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { notSelectable: true })));
-        var menuItem = component.find(MenuItem);
-        expect(menuItem.prop('onClick')).toBeUndefined();
-        expect(menuItem.prop('className')).toContain('defaultCursor');
-        expect(component.find(Checkbox).prop('disabled')).toBe(true);
-    });
-    it('should render RequiredMark if isRequired=true', function () {
-        var component = mount(React.createElement(AttributeListItem, __assign({}, defaultProps, { isRequired: true })));
-        expect(component.find('RequiredMark')).toHaveLength(1);
-    });
-    it('should disable notSelectable if disableNonSelectable=true', function () {
-        render(React.createElement(AttributeListItem, __assign({}, defaultProps, { isRequired: true, notSelectable: true, disableNonSelectable: true })));
-        expect(screen.getByRole('checkbox')).toHaveAttribute('disabled');
-    });
-});

package/esm/AttributeListItem/components/AttrTypeIcon/AttrTypeIcon.d.ts

@@ -1,6 +0,0 @@
-import { AttributeType } from '@reltio/mdm-sdk';
-type Props = {
-    attrType?: AttributeType;
-};
-export declare const AttrTypeIcon: ({ attrType }: Props) => JSX.Element;
-export {};

package/esm/AttributeListItem/components/AttrTypeIcon/AttrTypeIcon.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { DataTypes } from '@reltio/mdm-sdk';
-import NestedAttrIcon from '../../../icons/NestedAttribute';
-import ReferenceAttrIcon from '../../../icons/ReferenceAttribute';
-import SimpleAttrIcon from '../../../icons/SimpleAttribute';
-import { useStyles } from './styles';
-var getIconForAttrType = function (attrType) {
-    switch (attrType.type) {
-        case DataTypes.TYPE_IMAGE:
-        case DataTypes.TYPE_NESTED:
-            return NestedAttrIcon;
-        case DataTypes.TYPE_REFERENCE:
-            return ReferenceAttrIcon;
-        default:
-            return SimpleAttrIcon;
-    }
-};
-export var AttrTypeIcon = function (_a) {
-    var _b = _a.attrType, attrType = _b === void 0 ? {} : _b;
-    var styles = useStyles();
-    var Icon = getIconForAttrType(attrType);
-    return React.createElement(Icon, { className: styles.icon });
-};

package/esm/AttributeListItem/components/AttrTypeIcon/index.d.ts

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

package/esm/AttributeListItem/components/AttrTypeIcon/index.js

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

package/esm/AttributeListItem/components/AttrTypeIcon/styles.js

@@ -1,11 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles({
-    icon: {
-        opacity: 0.29,
-        width: '16px',
-        height: '16px',
-        flexShrink: 0,
-        marginRight: '6px',
-        marginLeft: '8px'
-    }
-});

package/esm/AttributeListItem/index.d.ts

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

package/esm/AttributeListItem/index.js

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

package/esm/AttributeListItem/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "checkbox" | "checked" | "listItem" | "listItemFocus" | "recommendedIcon" | "logoIcon" | "itemAfter" | "itemText" | "marginWrapper" | "defaultCursor" | "itemTooltip" | "marginText" | "itemTextWrapper">;

package/esm/AttributeListItem/styles.js

@@ -1,86 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles({
-    container: {
-        '& > $marginWrapper:first-child': {
-            paddingLeft: '4px'
-        }
-    },
-    listItem: {
-        paddingLeft: '1px',
-        paddingTop: '2px',
-        paddingBottom: '2px',
-        transition: 'none',
-        '&:hover': {
-            '& $itemAfter': {
-                background: 'linear-gradient(to right, rgba(235, 235, 235, 0.2), rgba(235, 235, 235, 1) 100%)'
-            }
-        },
-        '&$listItemFocus': {
-            '& $itemAfter': {
-                background: 'linear-gradient(to right, rgba(219, 219, 219, 0.2), rgba(219, 219, 219, 1) 100%)'
-            }
-        },
-        '&:focus': {
-            outline: 'none'
-        }
-    },
-    listItemFocus: {},
-    recommendedIcon: {
-        width: '18px',
-        height: '18px',
-        marginRight: '5px',
-        marginLeft: '7px',
-        flexShrink: 0
-    },
-    logoIcon: {
-        width: '18px',
-        height: '18px',
-        flexShrink: 0,
-        marginRight: '4px'
-    },
-    itemAfter: {
-        position: 'absolute',
-        right: 0,
-        top: 0,
-        width: '40px',
-        height: '100%',
-        pointerEvents: 'none',
-        background: 'linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%)'
-    },
-    itemText: {
-        padding: '0',
-        margin: 0,
-        '& span': {
-            fontSize: '0.8125rem',
-            letterSpacing: 'normal',
-            whiteSpace: 'nowrap'
-        }
-    },
-    checkbox: {
-        opacity: 0.34,
-        padding: 0,
-        marginLeft: '14px',
-        '&$checked': {
-            opacity: 1,
-            background: 'none'
-        }
-    },
-    checked: {},
-    marginWrapper: {
-        display: 'flex',
-        alignItems: 'center'
-    },
-    defaultCursor: {
-        cursor: 'default'
-    },
-    itemTooltip: {
-        margin: '4px 0'
-    },
-    marginText: {
-        marginLeft: '21px'
-    },
-    itemTextWrapper: {
-        display: 'flex',
-        alignItems: 'center'
-    }
-});

package/esm/AttributeSelector/AttributeSelector.d.ts

@@ -1,13 +0,0 @@
-import { AttributeOption } from '../types';
-import { TEntityType } from '@reltio/mdm-sdk';
-type Props = {
-    entityType: TEntityType;
-    selectedAttributes: AttributeOption[];
-    className?: string;
-    onChange?: (attributes: AttributeOption[]) => void;
-    title?: string;
-    disableUnderline?: boolean;
-    menuPlacement?: string;
-};
-export declare const AttributeSelector: ({ entityType, selectedAttributes, className, onChange, title, disableUnderline, menuPlacement }: Props) => JSX.Element;
-export {};

package/esm/AttributeSelector/AttributeSelector.js

@@ -1,77 +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, { useCallback, useMemo } from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import { pipe, defaultTo } from 'ramda';
-import { getAttributeTypeSubAttributes } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
-import MultiSelect from '../components/ReactSelect/MultiSelect';
-import MultiValue from '../components/ReactSelect/commonComponents/MultiValue';
-import DropdownIndicatorWithIconButton from '../components/commonReactSelectComponents/DropdownIndicatorWithIconButton';
-import { AttributeListItem } from '../AttributeListItem';
-import { useMdmMetadata } from '../contexts/MdmModuleContext';
-import { customStyles, useStyles } from './styles';
-export var AttributeSelector = function (_a) {
-    var entityType = _a.entityType, selectedAttributes = _a.selectedAttributes, className = _a.className, onChange = _a.onChange, title = _a.title, disableUnderline = _a.disableUnderline, _b = _a.menuPlacement, menuPlacement = _b === void 0 ? 'bottom' : _b;
-    var styles = useStyles();
-    var metadata = useMdmMetadata();
-    var prepareItems = useCallback(function (data, level, prevLabel) {
-        if (level === void 0) { level = 0; }
-        if (prevLabel === void 0) { prevLabel = ''; }
-        return data.reduce(function (acc, item) {
-            if (item.hidden)
-                return acc;
-            var chipLabel = "".concat(prevLabel && prevLabel + ' / ').concat(item.label);
-            acc.push({
-                label: item.label,
-                value: item.uri,
-                attrType: item,
-                chipLabel: chipLabel,
-                level: level
-            });
-            var subAttributes = getAttributeTypeSubAttributes(metadata, item);
-            return acc.concat(subAttributes ? prepareItems(subAttributes, level + 1, chipLabel) : []);
-        }, []);
-    }, [metadata]);
-    var options = useMemo(function () { return prepareItems((entityType === null || entityType === void 0 ? void 0 : entityType.attributes) || []); }, [entityType, prepareItems]);
-    var CustomOption = function (_a) {
-        var isFocused = _a.isFocused, isSelected = _a.isSelected, data = _a.data, label = _a.label, innerProps = _a.innerProps;
-        return (React.createElement("div", __assign({}, innerProps),
-            React.createElement(AttributeListItem, { checked: isSelected, level: data.level, data: data, label: label, labelInText: label, isFocused: isFocused })));
-    };
-    var CustomMultiValue = function (_a) {
-        var data = _a.data, props = __rest(_a, ["data"]);
-        return (React.createElement(MultiValue, __assign({}, props), data.chipLabel));
-    };
-    return (React.createElement("div", { className: classnames(styles.root, className), "data-reltio-id": "attribute-selector" },
-        React.createElement(Typography, { className: styles.title, variant: 'subtitle1' }, title || i18n.text('Attribute')),
-        React.createElement(MultiSelect, { value: selectedAttributes, options: options, TextFieldProps: {
-                InputProps: { disableUnderline: disableUnderline },
-                classes: { root: styles.dropDownInput }
-            }, components: {
-                DropdownIndicator: DropdownIndicatorWithIconButton,
-                MultiValue: CustomMultiValue,
-                Option: CustomOption
-            }, onChange: pipe(defaultTo([]), onChange), styles: customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));
-};

package/esm/AttributeSelector/AttributeSelector.specs.d.ts

@@ -1 +0,0 @@
-export {};