@reltio/components 1.4.1836-hf → 1.4.1836

package/cjs/ActionButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "bold" | "startIcon" | "menuItem" | "iconButton" | "textSecondary" | "textPrimary" | "overflowStyle" | "complexItem">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "bold" | "startIcon" | "menuItem" | "iconButton" | "textSecondary" | "overflowStyle" | "complexItem" | "textPrimary">;

package/cjs/AttributeListItem/AttributeListItem.d.ts

@@ -5,11 +5,11 @@ export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent
     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 {
+} & 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" | "path" | 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>>;
+} | "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;
 };

package/cjs/AttributeSelector/AttributeSelector.js

@@ -57,7 +57,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MultiSelect_1 = __importDefault(require("../components/ReactSelect/MultiSelect"));
 var MultiValue_1 = __importDefault(require("../components/ReactSelect/commonComponents/MultiValue"));
-var DropdownIndicatorWithIconButton_1 = __importDefault(require("../components/commonReactSelectComponents/DropdownIndicatorWithIconButton"));
+var ReactSelectDropdownIndicatorWithIconButton_1 = require("../ReactSelectDropdownIndicatorWithIconButton");
 var AttributeListItem_1 = require("../AttributeListItem");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var styles_1 = require("./styles");
@@ -99,7 +99,7 @@ var AttributeSelector = function (_a) {
                 InputProps: { disableUnderline: disableUnderline },
                 classes: { root: styles.dropDownInput }
             }, components: {
-                DropdownIndicator: DropdownIndicatorWithIconButton_1.default,
+                DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton,
                 MultiValue: CustomMultiValue,
                 Option: CustomOption
             }, onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), onChange), styles: styles_1.customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));

package/cjs/AttributeSelector/styles.js

@@ -13,9 +13,10 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../constants");
 exports.customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
 };
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {

package/cjs/AttributesValuesEditor/AttributesValuesEditor.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { AttributeFiltersComponentProps } from '../AttributesFiltersBuilder/types';
+import { AttributeFiltersComponentProps } from '../AttributesFiltersBuilder';
 declare const _default: React.MemoExoticComponent<({ rowData, rowContext }: AttributeFiltersComponentProps) => JSX.Element>;
 export default _default;

package/cjs/AttributesValuesEditor/AttributesValuesEditor.js

@@ -22,13 +22,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var FilterValueEditor_1 = __importDefault(require("../components/editors/FilterEditor/FilterValueEditor"));
+var FilterValueEditor_1 = require("../FilterValueEditor");
 var styles_1 = require("./styles");
 var AttributesValuesEditor = function (_a) {
     var rowData = _a.rowData, rowContext = _a.rowContext;
@@ -61,6 +58,6 @@ var AttributesValuesEditor = function (_a) {
         };
         changeFilter(newFilter, id);
     }, [fieldName, filter, operator, changeFilter, id]);
-    return (react_1.default.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && (react_1.default.createElement(FilterValueEditor_1.default, { "data-reltio-id": "filter-value-editor", filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }))));
+    return (react_1.default.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && (react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, { "data-reltio-id": "filter-value-editor", filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }))));
 };
 exports.default = (0, react_1.memo)(AttributesValuesEditor);

package/cjs/AttributesValuesEditor/AttributesValuesEditor.test.js

@@ -41,7 +41,7 @@ var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
 var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
 var AttributesValuesEditor_1 = __importDefault(require("./AttributesValuesEditor"));
-var FilterValueEditor_1 = __importDefault(require("../components/editors/FilterEditor/FilterValueEditor"));
+var FilterValueEditor_1 = require("../FilterValueEditor");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { checkIfOptionHasValues: jest.fn().mockReturnValue(true) })); });
 var defaultProps = {
     rowData: {
@@ -85,8 +85,8 @@ describe('AttributesValuesEditor tests', function () {
             values: []
         };
         var component = setUp();
-        expect(component.find(FilterValueEditor_1.default)).toHaveLength(1);
-        expect(component.find(FilterValueEditor_1.default).props()).toMatchObject({
+        expect(component.find(FilterValueEditor_1.FilterValueEditor)).toHaveLength(1);
+        expect(component.find(FilterValueEditor_1.FilterValueEditor).props()).toMatchObject({
             filter: editorFilter,
             onChange: expect.any(Function)
         });
@@ -100,17 +100,17 @@ describe('AttributesValuesEditor tests', function () {
             values: newValues
         };
         var component = setUp();
-        component.find(FilterValueEditor_1.default).prop('onChange')(newValues);
+        component.find(FilterValueEditor_1.FilterValueEditor).prop('onChange')(newValues);
         expect(rowContext.changeFilter).toBeCalledWith(newFilter, rowData.id);
     });
     it('should not render AttributesValuesEditor if there is not rowData.attribute', function () {
         var props = __assign(__assign({}, defaultProps), { rowData: null });
         var component = setUp(props);
-        expect(component.find(FilterValueEditor_1.default)).toHaveLength(0);
+        expect(component.find(FilterValueEditor_1.FilterValueEditor)).toHaveLength(0);
     });
     it('should not render AttributesValuesEditor if checkIfOptionHasValues return false', function () {
         jest.spyOn(mdmSdk, 'checkIfOptionHasValues').mockReturnValue(false);
         var component = setUp();
-        expect(component.find(FilterValueEditor_1.default)).toHaveLength(0);
+        expect(component.find(FilterValueEditor_1.FilterValueEditor)).toHaveLength(0);
     });
 });

package/cjs/BasicTable/BasicTable.js

@@ -57,7 +57,7 @@ var helpers_1 = require("./helpers");
 var BasicTableContext_1 = require("../contexts/BasicTableContext");
 var RowCollapseContext_1 = require("../contexts/RowCollapseContext");
 var useCollapsibleTableRows_1 = require("../hooks/useCollapsibleTableRows");
-var COLUMN_FILTER_HEIGHT = 40;
+var common_1 = require("../constants/common");
 exports.BasicTable = (0, react_1.forwardRef)(function (_a, ref) {
     var columnsData = _a.columnsData, rowsData = _a.rowsData, context = _a.context, sorting = _a.sorting, onSort = _a.onSort, _b = _a.renderRowCell, renderRowCell = _b === void 0 ? basicTable_1.defaultRenderRowCell : _b, _c = _a.getRowCellHeight, getRowCellHeight = _c === void 0 ? basicTable_1.defaultGetRowCellHeight : _c, filters = _a.filters, onFilter = _a.onFilter, headRowHeight = _a.headRowHeight, _d = _a.maxRowValuesCount, maxRowValuesCount = _d === void 0 ? Infinity : _d, autosizing = _a.autosizing, maxHeight = _a.maxHeight, getIdFromRowValue = _a.getIdFromRowValue, otherProps = __rest(_a, ["columnsData", "rowsData", "context", "sorting", "onSort", "renderRowCell", "getRowCellHeight", "filters", "onFilter", "headRowHeight", "maxRowValuesCount", "autosizing", "maxHeight", "getIdFromRowValue"]);
     var tableHeadData = (0, react_1.useMemo)(function () { return (0, helpers_1.getTableHeadData)(columnsData, filters, onFilter); }, [columnsData, filters, onFilter]);
@@ -84,6 +84,6 @@ exports.BasicTable = (0, react_1.forwardRef)(function (_a, ref) {
     }
     return (react_1.default.createElement(RowCollapseContext_1.RowCollapseContext.Provider, { value: collapseContextValue },
         react_1.default.createElement(BasicTableContext_1.BasicTableContext.Provider, { value: context },
-            react_1.default.createElement(Table_1.default, __assign({ autosizing: autosizing, maxHeight: maxHeight, defaultRowHeight: 48, onStartDragRow: onStartDragRow }, otherProps, { fixHead: tableRowsData.length > 0, headData: tableHeadData, rowsData: tableRowsData, sortField: (0, ramda_1.prop)('field', sorting), sortOrder: (0, ramda_1.prop)('order', sorting), onSort: onSort, headRowHeight: filters ? headRowHeight + COLUMN_FILTER_HEIGHT : headRowHeight, shouldRenderDndProvider: false, ref: ref })))));
+            react_1.default.createElement(Table_1.default, __assign({ autosizing: autosizing, maxHeight: maxHeight, defaultRowHeight: 48, onStartDragRow: onStartDragRow }, otherProps, { fixHead: tableRowsData.length > 0, headData: tableHeadData, rowsData: tableRowsData, sortField: (0, ramda_1.prop)('field', sorting), sortOrder: (0, ramda_1.prop)('order', sorting), onSort: onSort, headRowHeight: filters ? headRowHeight + common_1.COLUMN_FILTER_HEIGHT : headRowHeight, shouldRenderDndProvider: false, ref: ref })))));
 });
 exports.BasicTable.displayName = 'BasicTable';

package/cjs/BooleanRadioEditor/BooleanRadioEditor.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    value?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+    isCrossedOut?: boolean;
+    disabled?: boolean;
+};
+export declare const BooleanRadioEditor: ({ value, onChange, className, isCrossedOut, disabled }: Props) => JSX.Element;
+export {};

package/cjs/BooleanRadioEditor/BooleanRadioEditor.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BooleanRadioEditor = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+var BooleanEditor_1 = require("./components/BooleanEditor");
+var styles_1 = require("./styles");
+var BooleanRadioEditor = function (_a) {
+    var _b;
+    var value = _a.value, onChange = _a.onChange, className = _a.className, isCrossedOut = _a.isCrossedOut, disabled = _a.disabled;
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.editors, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b)) },
+            react_1.default.createElement(FormControlLabel_1.default, { classes: { label: styles.label }, control: react_1.default.createElement(BooleanEditor_1.BooleanEditor, { classes: { root: styles.checkboxPrimary }, color: "primary", value: !(0, ramda_1.isNil)(value) && !!value, onChange: onChange, disabled: disabled }), label: ui_i18n_1.default.text('Yes') }),
+            react_1.default.createElement(FormControlLabel_1.default, { classes: { label: styles.label }, control: react_1.default.createElement(BooleanEditor_1.BooleanEditor, { classes: { root: styles.checkboxPrimary }, color: "primary", value: !(0, ramda_1.isNil)(value) && !value, onChange: onChange && (0, ramda_1.pipe)(ramda_1.not, onChange), disabled: disabled }), label: ui_i18n_1.default.text('No') }))));
+};
+exports.BooleanRadioEditor = BooleanRadioEditor;

package/cjs/BooleanRadioEditor/BooleanRadioEditor.test.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+var BooleanEditor_1 = require("./components/BooleanEditor");
+var BooleanRadioEditor_1 = require("./BooleanRadioEditor");
+describe('BooleanRadioEditor', function () {
+    it('should render two boolean editors with "Yes" and "No" labels', function () {
+        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(BooleanRadioEditor_1.BooleanRadioEditor, null));
+        var controls = wrapper.find(FormControlLabel_1.default);
+        expect(controls).toHaveLength(2);
+        controls.forEach(function (n) {
+            expect(n.find(BooleanEditor_1.BooleanEditor)).toHaveLength(1);
+        });
+        expect(controls.at(0).prop('label')).toBe('Yes');
+        expect(controls.at(1).prop('label')).toBe('No');
+    });
+    it('should have radio buttons behaviour', function () {
+        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(BooleanRadioEditor_1.BooleanRadioEditor, null));
+        expect(wrapper.find(BooleanEditor_1.BooleanEditor).at(0).prop('value')).toBe(false);
+        expect(wrapper.find(BooleanEditor_1.BooleanEditor).at(1).prop('value')).toBe(false);
+        wrapper.setProps({ value: true });
+        expect(wrapper.find(BooleanEditor_1.BooleanEditor).at(0).prop('value')).toBe(true);
+        expect(wrapper.find(BooleanEditor_1.BooleanEditor).at(1).prop('value')).toBe(false);
+    });
+    it('should call props.onChange correctly on "Yes" input toggle', function () {
+        var onChange = jest.fn();
+        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(BooleanRadioEditor_1.BooleanRadioEditor, { onChange: onChange }));
+        var yesInput = wrapper.find(BooleanEditor_1.BooleanEditor).at(0);
+        yesInput.prop('onChange')(true);
+        yesInput.prop('onChange')(false);
+        expect(onChange.mock.calls).toEqual([[true], [false]]);
+    });
+    it('should call props.onChange correctly on "No" input toggle', function () {
+        var onChange = jest.fn();
+        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(BooleanRadioEditor_1.BooleanRadioEditor, { onChange: onChange }));
+        var yesInput = wrapper.find(BooleanEditor_1.BooleanEditor).at(1);
+        yesInput.prop('onChange')(true);
+        yesInput.prop('onChange')(false);
+        expect(onChange.mock.calls).toEqual([[false], [true]]);
+    });
+});

package/cjs/BooleanRadioEditor/components/BooleanEditor/BooleanEditor.d.ts

@@ -0,0 +1,7 @@
+import { CheckboxProps } from '@mui/material/Checkbox';
+type Props = Omit<CheckboxProps, 'checked' | 'onChange'> & {
+    onChange?: (checked: boolean) => void;
+    value?: boolean;
+};
+export declare const BooleanEditor: ({ value, onChange, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/BooleanRadioEditor/components/BooleanEditor/BooleanEditor.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BooleanEditor = void 0;
+var react_1 = __importDefault(require("react"));
+var ramda_1 = require("ramda");
+var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var utils_1 = require("../../../core/utils");
+var BooleanEditor = function (_a) {
+    var value = _a.value, onChange = _a.onChange, otherProps = __rest(_a, ["value", "onChange"]);
+    return (react_1.default.createElement(Checkbox_1.default, __assign({}, otherProps, { checked: value, onChange: onChange && (0, ramda_1.pipe)(utils_1.getChecked, onChange) })));
+};
+exports.BooleanEditor = BooleanEditor;

package/cjs/BooleanRadioEditor/components/BooleanEditor/BooleanEditor.test.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var build_1 = require("enzyme/build");
+var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var BooleanEditor_1 = require("./BooleanEditor");
+describe('BooleanEditor', function () {
+    it('should render MUI Checkbox', function () {
+        var wrapper = (0, build_1.shallow)(react_1.default.createElement(BooleanEditor_1.BooleanEditor, null));
+        expect(wrapper.find(Checkbox_1.default)).toHaveLength(1);
+    });
+    it('should take checkbox "checked" property from props.value', function () {
+        var wrapper = (0, build_1.shallow)(react_1.default.createElement(BooleanEditor_1.BooleanEditor, null));
+        expect(wrapper.find(Checkbox_1.default).prop('checked')).toBeFalsy();
+        wrapper.setProps({ value: true });
+        expect(wrapper.find(Checkbox_1.default).prop('checked')).toBeTruthy();
+    });
+    it('should call props.onChange with a new value', function () {
+        var onChange = jest.fn();
+        var wrapper = (0, build_1.shallow)(react_1.default.createElement(BooleanEditor_1.BooleanEditor, { onChange: onChange }));
+        wrapper.simulate('change', { target: { checked: true } });
+        expect(onChange).toBeCalledWith(true);
+    });
+});

package/cjs/BooleanRadioEditor/components/BooleanEditor/index.d.ts

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

package/cjs/BooleanRadioEditor/components/BooleanEditor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BooleanEditor = void 0;
+var BooleanEditor_1 = require("./BooleanEditor");
+Object.defineProperty(exports, "BooleanEditor", { enumerable: true, get: function () { return BooleanEditor_1.BooleanEditor; } });

package/cjs/BooleanRadioEditor/index.d.ts

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

package/cjs/BooleanRadioEditor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BooleanRadioEditor = void 0;
+var BooleanRadioEditor_1 = require("./BooleanRadioEditor");
+Object.defineProperty(exports, "BooleanRadioEditor", { enumerable: true, get: function () { return BooleanRadioEditor_1.BooleanRadioEditor; } });

package/cjs/CollaborationItem/CollaborationItem.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Comment as CommentType } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
+type Classes = Partial<ReturnType<typeof useStyles>>;
+type Props = {
+    classes?: Classes;
+    uri: string;
+    relatedObjectUris: CommentType['relatedObjectUris'];
+    objectType: CommentType['objectType'];
+    popperRef?: React.RefObject<any>;
+    messagesRef?: React.RefCallback<HTMLDivElement>;
+    comment?: CommentType;
+};
+declare const _default: React.MemoExoticComponent<({ uri, relatedObjectUris, objectType, classes, popperRef, messagesRef, comment }: Props) => JSX.Element>;
+export default _default;

package/cjs/CollaborationItem/CollaborationItem.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Comment_1 = require("./components/Comment");
+var RepliedComment_1 = require("./components/RepliedComment");
+var SendMessageArea_1 = require("./components/SendMessageArea");
+var styles_1 = require("./styles");
+var CollaborationItem = function (_a) {
+    var uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType, classes = _a.classes, popperRef = _a.popperRef, messagesRef = _a.messagesRef, comment = _a.comment;
+    var inputRef = (0, react_1.useRef)();
+    var styles = (0, styles_1.useStyles)({ classes: classes });
+    var handleReply = function () {
+        inputRef.current.focus();
+    };
+    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { className: styles.sendMessageArea, inputRef: inputRef, popperRef: popperRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: comment }));
+    return (react_1.default.createElement(Box_1.default, { className: styles.root },
+        comment && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: styles.messages, ref: messagesRef },
+                react_1.default.createElement(Comment_1.Comment, { comment: comment, uri: uri, onReply: handleReply, className: styles.comment, relatedObjectUris: relatedObjectUris, objectType: objectType }),
+                react_1.default.createElement(Box_1.default, { className: styles.replies }, comment.replies.map(function (reply) { return (react_1.default.createElement(RepliedComment_1.RepliedComment, { key: reply.replyId, className: styles.repliedComment, reply: reply, uri: uri, comment: comment })); }))),
+            sendMessageArea)),
+        !comment && sendMessageArea));
+};
+exports.default = (0, react_1.memo)(CollaborationItem);

package/cjs/CollaborationItem/CollaborationItem.test.js

@@ -0,0 +1,99 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Comment_1 = require("./components/Comment");
+var RepliedComment_1 = require("./components/RepliedComment");
+var SendMessageArea_1 = require("./components/SendMessageArea");
+var CollaborationItem_1 = __importDefault(require("./CollaborationItem"));
+var createComment = function (hasReplies) {
+    if (hasReplies === void 0) { hasReplies = false; }
+    var comment = {
+        selfLink: 'https://cservice-dev.reltio.com/tst-01/sokol/comments/00001lo',
+        commentId: '00001lo',
+        createdBy: 'vyacheslav.kovyazin',
+        createdTime: 1620280049022,
+        modifiedTime: 1620280061505,
+        deleted: false,
+        visibility: 'public',
+        status: 'resolved',
+        objectId: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+        objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE,
+        permanentLink: 'http://localhost:3000/ui/sokol/#p~com.reltio.plugins.entity.perspective.HCA_e~entities%2F13JKIKAz_ps~profile_cmt~00001lo',
+        content: 'comment',
+        namedUsers: [],
+        replies: [],
+        relatedObjectUris: ['entities/13JKIKAz']
+    };
+    if (hasReplies) {
+        comment.replies.push({
+            selfLink: 'https://cservice-dev.reltio.com/tst-01/sokol/comments/00001lo/replies/000007s',
+            replyId: '000007s',
+            createdBy: 'vyacheslav.kovyazin',
+            createdTime: 1620280061505,
+            modifiedTime: 1620280061505,
+            deleted: false,
+            action: 'none',
+            content: 'abc',
+            namedUsers: []
+        });
+    }
+    return comment;
+};
+var createProps = function (comment) {
+    return {
+        comment: comment,
+        uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+        relatedObjectUris: ['entities/13JKIKAz'],
+        objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE
+    };
+};
+var setUp = function (props) { return (0, enzyme_1.shallow)(react_1.default.createElement(CollaborationItem_1.default, __assign({}, props))); };
+describe('CollaborationItem tests', function () {
+    it('should render Comment correctly if comment exist', function () {
+        var component = setUp(createProps(createComment()));
+        expect(component.find(Comment_1.Comment)).toHaveLength(1);
+        expect(component.find(Comment_1.Comment).prop('uri')).toEqual('entities/13JKIKAz/attributes/Name/2mlWuqDq5');
+    });
+    it('should not render Comment and RepliedComment if comment do not exist', function () {
+        var component = setUp(createProps());
+        expect(component.find(Comment_1.Comment)).toHaveLength(0);
+        expect(component.find(RepliedComment_1.RepliedComment)).toHaveLength(0);
+    });
+    it('should render SendMessageArea correctly', function () {
+        var component = setUp(createProps(createComment()));
+        expect(component.find(SendMessageArea_1.SendMessageArea).prop('uri')).toBe('entities/13JKIKAz/attributes/Name/2mlWuqDq5');
+        expect(component.find(SendMessageArea_1.SendMessageArea).prop('objectType')).toBe('entityAttribute');
+        expect(component.find(SendMessageArea_1.SendMessageArea).prop('relatedObjectUris')).toEqual(['entities/13JKIKAz']);
+    });
+    it('should not render replied comments correctly if they do not exist', function () {
+        var component = setUp(createProps(createComment(false)));
+        expect(component.find(RepliedComment_1.RepliedComment)).toHaveLength(0);
+    });
+    it('should render replied comments correctly if they do exist', function () {
+        var component = setUp(createProps(createComment(true)));
+        expect(component.find(RepliedComment_1.RepliedComment)).toHaveLength(1);
+        expect(component.find(RepliedComment_1.RepliedComment).prop('reply')).toMatchObject({
+            createdTime: 1620280061505,
+            content: 'abc',
+            createdBy: 'vyacheslav.kovyazin',
+            action: 'none',
+            namedUsers: []
+        });
+    });
+});