@reltio/components 1.4.1836-hf → 1.4.1836

package/cjs/index.js

@@ -15,7 +15,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
-exports.ActivityTypes = exports.useProfileActivitiesLoader = exports.useActivitiesLoader = exports.ActivityLogFilter = exports.ActivityLog = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = void 0;
+exports.ErrorWrapper = exports.ErrorMessage = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = void 0;
+exports.CrosswalkType = exports.AttributesTable = exports.CrosswalkDragLayer = exports.SourceCrosswalksRow = exports.CrosswalkEditor = exports.useModifiedEntity = exports.useCrosswalkActions = exports.groupCrosswalksByTypesAndSources = exports.ActivityTypes = exports.useProfileActivitiesLoader = exports.useActivitiesLoader = exports.ActivityLogFilter = exports.ActivityLog = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = void 0;
 __exportStar(require("./HOCs"), exports);
 __exportStar(require("./components"), exports);
 __exportStar(require("./constants"), exports);
@@ -151,6 +152,94 @@ var TableWithBars_1 = require("./TableWithBars");
 Object.defineProperty(exports, "TableWithBars", { enumerable: true, get: function () { return TableWithBars_1.TableWithBars; } });
 var TreeChart_1 = require("./TreeChart");
 Object.defineProperty(exports, "TreeChart", { enumerable: true, get: function () { return TreeChart_1.TreeChart; } });
+var CollapseButton_1 = require("./CollapseButton");
+Object.defineProperty(exports, "CollapseButton", { enumerable: true, get: function () { return CollapseButton_1.CollapseButton; } });
+var ColoredSourceIcon_1 = require("./ColoredSourceIcon");
+Object.defineProperty(exports, "ColoredSourceIcon", { enumerable: true, get: function () { return ColoredSourceIcon_1.ColoredSourceIcon; } });
+var CommentsContainer_1 = require("./CommentsContainer");
+Object.defineProperty(exports, "CommentsContainer", { enumerable: true, get: function () { return CommentsContainer_1.CommentsContainer; } });
+var ConfirmationDialog_1 = require("./ConfirmationDialog");
+Object.defineProperty(exports, "ConfirmationDialog", { enumerable: true, get: function () { return ConfirmationDialog_1.ConfirmationDialog; } });
+var CollaborationItem_1 = require("./CollaborationItem");
+Object.defineProperty(exports, "CollaborationItem", { enumerable: true, get: function () { return CollaborationItem_1.CollaborationItem; } });
+var ConnectionRelationTypeSelector_1 = require("./ConnectionRelationTypeSelector");
+Object.defineProperty(exports, "ConnectionRelationTypeSelector", { enumerable: true, get: function () { return ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector; } });
+var DataTenantBadge_1 = require("./DataTenantBadge");
+Object.defineProperty(exports, "DataTenantBadge", { enumerable: true, get: function () { return DataTenantBadge_1.DataTenantBadge; } });
+var DataTypeValue_1 = require("./DataTypeValue");
+Object.defineProperty(exports, "DataTypeValue", { enumerable: true, get: function () { return DataTypeValue_1.DataTypeValue; } });
+var Drawer_1 = require("./Drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
+var EmptyState_1 = require("./EmptyState");
+Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.EmptyState; } });
+Object.defineProperty(exports, "EMPTY_STATE_ICONS", { enumerable: true, get: function () { return EmptyState_1.EMPTY_STATE_ICONS; } });
+Object.defineProperty(exports, "EMPTY_STATE_VARIANTS", { enumerable: true, get: function () { return EmptyState_1.EMPTY_STATE_VARIANTS; } });
+var EntityAvatar_1 = require("./EntityAvatar");
+Object.defineProperty(exports, "EntityAvatar", { enumerable: true, get: function () { return EntityAvatar_1.EntityAvatar; } });
+var EntityTypeBadge_1 = require("./EntityTypeBadge");
+Object.defineProperty(exports, "EntityTypeBadge", { enumerable: true, get: function () { return EntityTypeBadge_1.EntityTypeBadge; } });
+var EntityTypeIcon_1 = require("./EntityTypeIcon");
+Object.defineProperty(exports, "EntityTypeIcon", { enumerable: true, get: function () { return EntityTypeIcon_1.EntityTypeIcon; } });
+var EntityTypesSelector_1 = require("./EntityTypesSelector");
+Object.defineProperty(exports, "EntityTypesSelector", { enumerable: true, get: function () { return EntityTypesSelector_1.EntityTypesSelector; } });
+var EntityUriLink_1 = require("./EntityUriLink");
+Object.defineProperty(exports, "EntityUriLink", { enumerable: true, get: function () { return EntityUriLink_1.EntityUriLink; } });
+var ErrorBoundary_1 = require("./ErrorBoundary");
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return ErrorBoundary_1.ErrorBoundary; } });
+var ErrorPopup_1 = require("./ErrorPopup");
+Object.defineProperty(exports, "ErrorPopup", { enumerable: true, get: function () { return ErrorPopup_1.ErrorPopup; } });
+var ExpandableSearchInput_1 = require("./ExpandableSearchInput");
+Object.defineProperty(exports, "ExpandableSearchInput", { enumerable: true, get: function () { return ExpandableSearchInput_1.ExpandableSearchInput; } });
+var HideOnShrink_1 = require("./HideOnShrink");
+Object.defineProperty(exports, "HideOnShrink", { enumerable: true, get: function () { return HideOnShrink_1.HideOnShrink; } });
+var HierarchicalAttributeTooltip_1 = require("./HierarchicalAttributeTooltip");
+Object.defineProperty(exports, "HierarchicalAttributeTooltip", { enumerable: true, get: function () { return HierarchicalAttributeTooltip_1.HierarchicalAttributeTooltip; } });
+var HierarchyNodeTitle_1 = require("./HierarchyNodeTitle");
+Object.defineProperty(exports, "HierarchyNodeTitle", { enumerable: true, get: function () { return HierarchyNodeTitle_1.HierarchyNodeTitle; } });
+var Highlighter_1 = require("./Highlighter");
+Object.defineProperty(exports, "Highlighter", { enumerable: true, get: function () { return Highlighter_1.Highlighter; } });
+var ReactSelectDropdownIndicator_1 = require("./ReactSelectDropdownIndicator");
+Object.defineProperty(exports, "ReactSelectDropdownIndicator", { enumerable: true, get: function () { return ReactSelectDropdownIndicator_1.ReactSelectDropdownIndicator; } });
+var ReactSelectDropdownIndicatorWithIconButton_1 = require("./ReactSelectDropdownIndicatorWithIconButton");
+Object.defineProperty(exports, "ReactSelectDropdownIndicatorWithIconButton", { enumerable: true, get: function () { return ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton; } });
+var ReactSelectLoadMoreButton_1 = require("./ReactSelectLoadMoreButton");
+Object.defineProperty(exports, "ReactSelectLoadMoreButton", { enumerable: true, get: function () { return ReactSelectLoadMoreButton_1.ReactSelectLoadMoreButton; } });
+var ReactSelectMenuList_1 = require("./ReactSelectMenuList");
+Object.defineProperty(exports, "ReactSelectMenuList", { enumerable: true, get: function () { return ReactSelectMenuList_1.ReactSelectMenuList; } });
+var ReactSelectMenuWithPopper_1 = require("./ReactSelectMenuWithPopper");
+Object.defineProperty(exports, "ReactSelectMenuWithPopper", { enumerable: true, get: function () { return ReactSelectMenuWithPopper_1.ReactSelectMenuWithPopper; } });
+var ReactSelectOptionWithCheckIcon_1 = require("./ReactSelectOptionWithCheckIcon");
+Object.defineProperty(exports, "ReactSelectOptionWithCheckIcon", { enumerable: true, get: function () { return ReactSelectOptionWithCheckIcon_1.ReactSelectOptionWithCheckIcon; } });
+var DropDownSelector_1 = require("./DropDownSelector");
+Object.defineProperty(exports, "DropDownSelector", { enumerable: true, get: function () { return DropDownSelector_1.DropDownSelector; } });
+var ConnectionEditor_1 = require("./ConnectionEditor");
+Object.defineProperty(exports, "ConnectionEditor", { enumerable: true, get: function () { return ConnectionEditor_1.ConnectionEditor; } });
+var ConfigureColumnsPopup_1 = require("./ConfigureColumnsPopup");
+Object.defineProperty(exports, "ConfigureColumnsPopup", { enumerable: true, get: function () { return ConfigureColumnsPopup_1.ConfigureColumnsPopup; } });
+var ErrorMessage_1 = require("./ErrorMessage");
+Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function () { return ErrorMessage_1.ErrorMessage; } });
+var ErrorWrapper_1 = require("./ErrorWrapper");
+Object.defineProperty(exports, "ErrorWrapper", { enumerable: true, get: function () { return ErrorWrapper_1.ErrorWrapper; } });
+var DateEditor_1 = require("./DateEditor");
+Object.defineProperty(exports, "DateEditor", { enumerable: true, get: function () { return DateEditor_1.DateEditor; } });
+var DataTypeValueEditor_1 = require("./DataTypeValueEditor");
+Object.defineProperty(exports, "DataTypeValueEditor", { enumerable: true, get: function () { return DataTypeValueEditor_1.DataTypeValueEditor; } });
+var NumberEditor_1 = require("./NumberEditor");
+Object.defineProperty(exports, "NumberEditor", { enumerable: true, get: function () { return NumberEditor_1.NumberEditor; } });
+var DateRangeEditor_1 = require("./DateRangeEditor");
+Object.defineProperty(exports, "DateRangeEditor", { enumerable: true, get: function () { return DateRangeEditor_1.DateRangeEditor; } });
+var TextEditor_1 = require("./TextEditor");
+Object.defineProperty(exports, "TextEditor", { enumerable: true, get: function () { return TextEditor_1.TextEditor; } });
+var MultiValueChip_1 = require("./MultiValueChip");
+Object.defineProperty(exports, "MultiValueChip", { enumerable: true, get: function () { return MultiValueChip_1.MultiValueChip; } });
+var FilterValueEditor_1 = require("./FilterValueEditor");
+Object.defineProperty(exports, "FilterValueEditor", { enumerable: true, get: function () { return FilterValueEditor_1.FilterValueEditor; } });
+var DropDownEditor_1 = require("./DropDownEditor");
+Object.defineProperty(exports, "DropDownEditor", { enumerable: true, get: function () { return DropDownEditor_1.DropDownEditor; } });
+var EmptySearchResult_1 = require("./EmptySearchResult");
+Object.defineProperty(exports, "EmptySearchResult", { enumerable: true, get: function () { return EmptySearchResult_1.EmptySearchResult; } });
+var FileTypeEditor_1 = require("./FileTypeEditor");
+Object.defineProperty(exports, "FileTypeEditor", { enumerable: true, get: function () { return FileTypeEditor_1.FileTypeEditor; } });
 // HOCs
 var withChartDataPercents_1 = require("./HOCs/withChartDataPercents");
 Object.defineProperty(exports, "withPercents", { enumerable: true, get: function () { return withChartDataPercents_1.withChartDataPercents; } });
@@ -199,3 +288,13 @@ Object.defineProperty(exports, "ActivityLogFilter", { enumerable: true, get: fun
 Object.defineProperty(exports, "useActivitiesLoader", { enumerable: true, get: function () { return activity_log_1.useActivitiesLoader; } });
 Object.defineProperty(exports, "useProfileActivitiesLoader", { enumerable: true, get: function () { return activity_log_1.useProfileActivitiesLoader; } });
 Object.defineProperty(exports, "ActivityTypes", { enumerable: true, get: function () { return activity_log_1.ActivityTypes; } });
+// features / crosswalks
+var crosswalks_1 = require("./features/crosswalks");
+Object.defineProperty(exports, "groupCrosswalksByTypesAndSources", { enumerable: true, get: function () { return crosswalks_1.groupCrosswalksByTypesAndSources; } });
+Object.defineProperty(exports, "useCrosswalkActions", { enumerable: true, get: function () { return crosswalks_1.useCrosswalkActions; } });
+Object.defineProperty(exports, "useModifiedEntity", { enumerable: true, get: function () { return crosswalks_1.useModifiedEntity; } });
+Object.defineProperty(exports, "CrosswalkEditor", { enumerable: true, get: function () { return crosswalks_1.CrosswalkEditor; } });
+Object.defineProperty(exports, "SourceCrosswalksRow", { enumerable: true, get: function () { return crosswalks_1.SourceCrosswalksRow; } });
+Object.defineProperty(exports, "CrosswalkDragLayer", { enumerable: true, get: function () { return crosswalks_1.CrosswalkDragLayer; } });
+Object.defineProperty(exports, "AttributesTable", { enumerable: true, get: function () { return crosswalks_1.AttributesTable; } });
+Object.defineProperty(exports, "CrosswalkType", { enumerable: true, get: function () { return crosswalks_1.CrosswalkType; } });

package/cjs/types/basicTable.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DataTypeDefinition } from '@reltio/mdm-sdk';
+import { DataTypeDefinition, SearchValue } from '@reltio/mdm-sdk';
 import { useCollapsibleTableRows } from '../hooks/useCollapsibleTableRows';
 export type Sorting = {
     field: string;
@@ -7,8 +7,13 @@ export type Sorting = {
 };
 export type ColumnFilter = {
     filter: string;
-    value: unknown;
+    value: SearchValue;
 };
+export type ColumnFilterOptions = Array<{
+    value: string;
+    label: string;
+    dataTypeDefinition: DataTypeDefinition;
+}>;
 export type ColumnData = {
     id: string;
     label: string;
@@ -25,11 +30,7 @@ export type ColumnData = {
     headCellRenderer?: React.ElementType;
     rowCellValueRenderer?: React.ElementType;
     draggable?: boolean;
-    filterOptions?: Array<{
-        value: string;
-        label: string;
-        dataTypeDefinition: DataTypeDefinition;
-    }>;
+    filterOptions?: ColumnFilterOptions;
     [key: string]: unknown;
 };
 export type GroupedColumns<TColumnData = ColumnData> = {
@@ -79,4 +80,8 @@ export type RenderRowCellProps = {
     CellValueRenderer: (props: unknown) => JSX.Element;
 };
 export type RenderRowCell = ({ columnIndex, columnData, rowIndex, rowValue, cellIndex, cell, CellValueRenderer }: RenderRowCellProps) => JSX.Element;
+export type OnFilter = (event: {
+    columnId: string;
+    filter: ColumnFilter;
+}) => void;
 export {};

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

@@ -28,7 +28,7 @@ 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 { ReactSelectDropdownIndicatorWithIconButton } from '../ReactSelectDropdownIndicatorWithIconButton';
 import { AttributeListItem } from '../AttributeListItem';
 import { useMdmMetadata } from '../contexts/MdmModuleContext';
 import { customStyles, useStyles } from './styles';
@@ -70,7 +70,7 @@ export var AttributeSelector = function (_a) {
                 InputProps: { disableUnderline: disableUnderline },
                 classes: { root: styles.dropDownInput }
             }, components: {
-                DropdownIndicator: DropdownIndicatorWithIconButton,
+                DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton,
                 MultiValue: CustomMultiValue,
                 Option: CustomOption
             }, onChange: pipe(defaultTo([]), onChange), styles: customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));

package/esm/AttributeSelector/styles.js

@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../constants';
 export var 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: POPUP_Z_INDEX })); }
 };
 export var useStyles = makeStyles({
     root: {

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

@@ -1,6 +1,6 @@
 import React, { memo, useMemo, useCallback } from 'react';
 import { checkIfOptionHasValues, getAttrDataTypeDefinition, getDataTypeDefinitionForFilterValue } from '@reltio/mdm-sdk';
-import FilterValueEditor from '../components/editors/FilterEditor/FilterValueEditor';
+import { FilterValueEditor } from '../FilterValueEditor';
 import { useStyles } from './styles';
 var AttributesValuesEditor = function (_a) {
     var rowData = _a.rowData, rowContext = _a.rowContext;

package/esm/AttributesValuesEditor/AttributesValuesEditor.test.js

@@ -13,7 +13,7 @@ import React from 'react';
 import { shallow } from 'enzyme';
 import * as mdmSdk from '@reltio/mdm-sdk';
 import AttributesValuesEditor from './AttributesValuesEditor';
-import FilterValueEditor from '../components/editors/FilterEditor/FilterValueEditor';
+import { FilterValueEditor } from '../FilterValueEditor';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { checkIfOptionHasValues: jest.fn().mockReturnValue(true) })); });
 var defaultProps = {
     rowData: {

package/esm/BasicTable/BasicTable.js

@@ -28,7 +28,7 @@ import { getTableHeadData } from './helpers';
 import { BasicTableContext } from '../contexts/BasicTableContext';
 import { RowCollapseContext } from '../contexts/RowCollapseContext';
 import { useCollapsibleTableRows } from '../hooks/useCollapsibleTableRows';
-var COLUMN_FILTER_HEIGHT = 40;
+import { COLUMN_FILTER_HEIGHT } from '../constants/common';
 export var BasicTable = 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 ? defaultRenderRowCell : _b, _c = _a.getRowCellHeight, getRowCellHeight = _c === void 0 ? 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 = useMemo(function () { return getTableHeadData(columnsData, filters, onFilter); }, [columnsData, filters, onFilter]);

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
+import { isNil, not, pipe } from 'ramda';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import { BooleanEditor } from './components/BooleanEditor';
+import { useStyles } from './styles';
+export var BooleanRadioEditor = function (_a) {
+    var _b;
+    var value = _a.value, onChange = _a.onChange, className = _a.className, isCrossedOut = _a.isCrossedOut, disabled = _a.disabled;
+    var styles = useStyles();
+    return (React.createElement("div", { className: className },
+        React.createElement("div", { className: classnames(styles.editors, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b)) },
+            React.createElement(FormControlLabel, { classes: { label: styles.label }, control: React.createElement(BooleanEditor, { classes: { root: styles.checkboxPrimary }, color: "primary", value: !isNil(value) && !!value, onChange: onChange, disabled: disabled }), label: i18n.text('Yes') }),
+            React.createElement(FormControlLabel, { classes: { label: styles.label }, control: React.createElement(BooleanEditor, { classes: { root: styles.checkboxPrimary }, color: "primary", value: !isNil(value) && !value, onChange: onChange && pipe(not, onChange), disabled: disabled }), label: i18n.text('No') }))));
+};

package/esm/BooleanRadioEditor/BooleanRadioEditor.test.d.ts

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

package/esm/BooleanRadioEditor/BooleanRadioEditor.test.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import { BooleanEditor } from './components/BooleanEditor';
+import { BooleanRadioEditor } from './BooleanRadioEditor';
+describe('BooleanRadioEditor', function () {
+    it('should render two boolean editors with "Yes" and "No" labels', function () {
+        var wrapper = mount(React.createElement(BooleanRadioEditor, null));
+        var controls = wrapper.find(FormControlLabel);
+        expect(controls).toHaveLength(2);
+        controls.forEach(function (n) {
+            expect(n.find(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 = mount(React.createElement(BooleanRadioEditor, null));
+        expect(wrapper.find(BooleanEditor).at(0).prop('value')).toBe(false);
+        expect(wrapper.find(BooleanEditor).at(1).prop('value')).toBe(false);
+        wrapper.setProps({ value: true });
+        expect(wrapper.find(BooleanEditor).at(0).prop('value')).toBe(true);
+        expect(wrapper.find(BooleanEditor).at(1).prop('value')).toBe(false);
+    });
+    it('should call props.onChange correctly on "Yes" input toggle', function () {
+        var onChange = jest.fn();
+        var wrapper = mount(React.createElement(BooleanRadioEditor, { onChange: onChange }));
+        var yesInput = wrapper.find(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 = mount(React.createElement(BooleanRadioEditor, { onChange: onChange }));
+        var yesInput = wrapper.find(BooleanEditor).at(1);
+        yesInput.prop('onChange')(true);
+        yesInput.prop('onChange')(false);
+        expect(onChange.mock.calls).toEqual([[false], [true]]);
+    });
+});

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

@@ -0,0 +1,30 @@
+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 { pipe } from 'ramda';
+import Checkbox from '@mui/material/Checkbox';
+import { getChecked } from '../../../core/utils';
+export var BooleanEditor = function (_a) {
+    var value = _a.value, onChange = _a.onChange, otherProps = __rest(_a, ["value", "onChange"]);
+    return (React.createElement(Checkbox, __assign({}, otherProps, { checked: value, onChange: onChange && pipe(getChecked, onChange) })));
+};

package/esm/BooleanRadioEditor/components/BooleanEditor/BooleanEditor.test.d.ts

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { shallow } from 'enzyme/build';
+import Checkbox from '@mui/material/Checkbox';
+import { BooleanEditor } from './BooleanEditor';
+describe('BooleanEditor', function () {
+    it('should render MUI Checkbox', function () {
+        var wrapper = shallow(React.createElement(BooleanEditor, null));
+        expect(wrapper.find(Checkbox)).toHaveLength(1);
+    });
+    it('should take checkbox "checked" property from props.value', function () {
+        var wrapper = shallow(React.createElement(BooleanEditor, null));
+        expect(wrapper.find(Checkbox).prop('checked')).toBeFalsy();
+        wrapper.setProps({ value: true });
+        expect(wrapper.find(Checkbox).prop('checked')).toBeTruthy();
+    });
+    it('should call props.onChange with a new value', function () {
+        var onChange = jest.fn();
+        var wrapper = shallow(React.createElement(BooleanEditor, { onChange: onChange }));
+        wrapper.simulate('change', { target: { checked: true } });
+        expect(onChange).toBeCalledWith(true);
+    });
+});

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

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

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

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

package/esm/BooleanRadioEditor/index.d.ts

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

package/esm/BooleanRadioEditor/index.js

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

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

@@ -0,0 +1,23 @@
+import React, { useRef, memo } from 'react';
+import Box from '@mui/material/Box';
+import { Comment } from './components/Comment';
+import { RepliedComment } from './components/RepliedComment';
+import { SendMessageArea } from './components/SendMessageArea';
+import { useStyles } from './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 = useRef();
+    var styles = useStyles({ classes: classes });
+    var handleReply = function () {
+        inputRef.current.focus();
+    };
+    var sendMessageArea = (React.createElement(SendMessageArea, { className: styles.sendMessageArea, inputRef: inputRef, popperRef: popperRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: comment }));
+    return (React.createElement(Box, { className: styles.root },
+        comment && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.messages, ref: messagesRef },
+                React.createElement(Comment, { comment: comment, uri: uri, onReply: handleReply, className: styles.comment, relatedObjectUris: relatedObjectUris, objectType: objectType }),
+                React.createElement(Box, { className: styles.replies }, comment.replies.map(function (reply) { return (React.createElement(RepliedComment, { key: reply.replyId, className: styles.repliedComment, reply: reply, uri: uri, comment: comment })); }))),
+            sendMessageArea)),
+        !comment && sendMessageArea));
+};
+export default memo(CollaborationItem);

package/esm/CollaborationItem/CollaborationItem.test.d.ts

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

package/esm/CollaborationItem/CollaborationItem.test.js

@@ -0,0 +1,94 @@
+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 { shallow } from 'enzyme';
+import { CollaborationObjectTypes } from '@reltio/mdm-sdk';
+import { Comment } from './components/Comment';
+import { RepliedComment } from './components/RepliedComment';
+import { SendMessageArea } from './components/SendMessageArea';
+import CollaborationItem from './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: 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: CollaborationObjectTypes.ENTITY_ATTRIBUTE
+    };
+};
+var setUp = function (props) { return shallow(React.createElement(CollaborationItem, __assign({}, props))); };
+describe('CollaborationItem tests', function () {
+    it('should render Comment correctly if comment exist', function () {
+        var component = setUp(createProps(createComment()));
+        expect(component.find(Comment)).toHaveLength(1);
+        expect(component.find(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)).toHaveLength(0);
+        expect(component.find(RepliedComment)).toHaveLength(0);
+    });
+    it('should render SendMessageArea correctly', function () {
+        var component = setUp(createProps(createComment()));
+        expect(component.find(SendMessageArea).prop('uri')).toBe('entities/13JKIKAz/attributes/Name/2mlWuqDq5');
+        expect(component.find(SendMessageArea).prop('objectType')).toBe('entityAttribute');
+        expect(component.find(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)).toHaveLength(0);
+    });
+    it('should render replied comments correctly if they do exist', function () {
+        var component = setUp(createProps(createComment(true)));
+        expect(component.find(RepliedComment)).toHaveLength(1);
+        expect(component.find(RepliedComment).prop('reply')).toMatchObject({
+            createdTime: 1620280061505,
+            content: 'abc',
+            createdBy: 'vyacheslav.kovyazin',
+            action: 'none',
+            namedUsers: []
+        });
+    });
+});

package/esm/CollaborationItem/IntegrationCollaborationItem.test.d.ts

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