@reltio/components 1.4.1948 → 1.4.1950

package/cjs/NumberEditor/NumberEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { NumberFormat as TNumberFormat } from '@reltio/mdm-sdk';
 import { TextFieldProps } from '@mui/material/TextField';
 type Props = Omit<TextFieldProps, 'onChange' | 'value'> & {
@@ -13,5 +13,5 @@ type Props = Omit<TextFieldProps, 'onChange' | 'value'> & {
     className?: string;
     label?: string;
 };
-export declare const NumberEditor: ({ integer, format, inputProps, InputProps, ...otherProps }: Props) => JSX.Element;
+export declare const NumberEditor: ({ integer, format, inputProps, InputProps, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/OvIcon/OvIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AttributeType, SimpleAttributeValue, NestedAttributeValue, ReferenceAttributeValue } from '@reltio/mdm-sdk';
-export declare const ChipWithTooltip: React.ForwardRefExoticComponent<Pick<{
+export declare const ChipWithTooltip: React.ForwardRefExoticComponent<Omit<{
     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;
@@ -20,13 +20,9 @@ export declare const ChipWithTooltip: React.ForwardRefExoticComponent<Pick<{
     sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
     tabIndex?: number;
     variant?: import("@mui/types").OverridableStringUnion<"filled" | "outlined", import("@mui/material/Chip").ChipPropsVariantOverrides>;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "color" | "size" | "icon" | "disabled" | "tabIndex" | "children" | "sx" | "label" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">, "color" | "translate" | "hidden" | "size" | "icon" | "disabled" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "sx" | "label" | "key" | 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;
-} | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & React.RefAttributes<HTMLElement>>;
+}, "color" | "size" | "icon" | "disabled" | "tabIndex" | "children" | "sx" | "label" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">, "ref"> & React.RefAttributes<HTMLElement>>;
 type ComplexWithLabel = NestedAttributeValue | ReferenceAttributeValue;
 type Props = {
     className?: string;
@@ -34,5 +30,5 @@ type Props = {
     nonOvValues: Array<SimpleAttributeValue | ComplexWithLabel>;
     nonOvTotal: number;
 };
-export declare const OvIcon: ({ className, attributeType, nonOvValues, nonOvTotal }: Props) => JSX.Element;
+export declare const OvIcon: ({ className, attributeType, nonOvValues, nonOvTotal }: Props) => React.JSX.Element;
 export {};

package/cjs/PieChart/PieChart.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ChartType, PieChartOptions } from '@reltio/mdm-sdk';
 import { BaseChartProps } from '../types/charts';
 type Props = BaseChartProps & {
@@ -6,13 +6,13 @@ type Props = BaseChartProps & {
     isDonut?: boolean;
     options?: PieChartOptions;
 };
-export declare const PieChart: ({ width, height, data, options, isDonut, onItemClick }: Props) => JSX.Element;
+export declare const PieChart: ({ width, height, data, options, isDonut, onItemClick }: Props) => React.JSX.Element;
 declare const _default: {
     ({ data, ...otherProps }: BaseChartProps & {
         chartType?: ChartType.DONUT | ChartType.PIE;
         isDonut?: boolean;
         options?: PieChartOptions;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/cjs/PieChart/components/ActiveShape/ActiveShape.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PieLabelRenderProps } from 'recharts';
 type ActiveShapeProps = PieLabelRenderProps & {
     cx: number;
@@ -6,5 +6,5 @@ type ActiveShapeProps = PieLabelRenderProps & {
     innerRadius: number;
     outerRadius: number;
 };
-export declare const ActiveShape: ({ cx, cy, midAngle, innerRadius, outerRadius, startAngle, endAngle, fill, percent, value, label }: ActiveShapeProps) => JSX.Element;
+export declare const ActiveShape: ({ cx, cy, midAngle, innerRadius, outerRadius, startAngle, endAngle, fill, percent, value, label }: ActiveShapeProps) => React.JSX.Element;
 export {};

package/cjs/PinButton/PinButton.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     isPinned: boolean;
     onClick: () => void;
     disabled?: boolean;
 };
-export declare const PinButton: ({ isPinned, onClick, disabled }: Props) => JSX.Element;
+export declare const PinButton: ({ isPinned, onClick, disabled }: Props) => React.JSX.Element;
 export {};

package/cjs/PivotingTooltip/PivotingTooltip.d.ts

@@ -6,5 +6,5 @@ type Props = {
     children?: React.ReactNode;
     className?: string;
 };
-export declare const PivotingTooltip: ({ value, attributeType, children, className }: Props) => JSX.Element;
+export declare const PivotingTooltip: ({ value, attributeType, children, className }: Props) => React.JSX.Element;
 export {};

package/cjs/PivotingTooltip/components/PivotingTooltipContent/PivotingTooltipContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeType, Entity, PivotingValue } from '@reltio/mdm-sdk';
 type Props = {
     attributeType: AttributeType;
@@ -8,5 +8,5 @@ type Props = {
     onSeeAllClick: () => void;
     total: number;
 };
-export declare const PivotingTooltipContent: ({ attributeType, label, entities, generatedValue, onSeeAllClick, total }: Props) => JSX.Element;
+export declare const PivotingTooltipContent: ({ attributeType, label, entities, generatedValue, onSeeAllClick, total }: Props) => React.JSX.Element;
 export {};

package/cjs/Popper/Popper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const Popper: React.ForwardRefExoticComponent<Pick<Omit<import("@mui/base").PopperProps, "direction"> & {
+export declare const Popper: React.ForwardRefExoticComponent<Omit<Omit<import("@mui/base").PopperProps, "direction"> & {
     component?: React.ElementType<any>;
     components?: {
         Root?: React.ElementType<any>;
@@ -13,4 +13,4 @@ export declare const Popper: React.ForwardRefExoticComponent<Pick<Omit<import("@
     anchorEl?: HTMLElement | null;
     excludeAnchorFromBackdrop?: boolean;
     onClose?: () => void;
-}, "color" | "translate" | "container" | "transition" | "hidden" | "style" | "open" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "components" | "componentsProps" | "onClose" | "placement" | "slotProps" | "slots" | "sx" | "anchorEl" | "disablePortal" | "keepMounted" | "modifiers" | "popperOptions" | "popperRef" | "key" | "component" | "modal" | "excludeAnchorFromBackdrop"> & React.RefAttributes<HTMLDivElement>>;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/PopupWithArrow/PopupWithArrow.d.ts

@@ -6,5 +6,5 @@ type Props = React.ComponentPropsWithoutRef<typeof Popper> & {
         arrow?: string;
     };
 };
-export declare const PopupWithArrow: ({ children, className, classes, transition, ...otherProps }: Props) => JSX.Element;
+export declare const PopupWithArrow: ({ children, className, classes, transition, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/PotentialMatchReviewCard/PotentialMatchReviewCard.d.ts

@@ -7,5 +7,5 @@ type Props = {
     children: React.ReactNode;
     Actions: React.ReactNode;
 };
-export declare const PotentialMatchReviewCard: ({ date, type, createdBy, step, children, Actions }: Props) => JSX.Element;
+export declare const PotentialMatchReviewCard: ({ date, type, createdBy, step, children, Actions }: Props) => React.JSX.Element;
 export {};

package/cjs/ProfileBand/ProfileBand.d.ts

@@ -8,5 +8,5 @@ type Props = {
     classes?: Partial<ReturnType<typeof useStyles>>;
     renderLabel?: (label: string) => React.ReactNode;
 };
-export declare const ProfileBand: ({ className, entity, children, classes, renderLabel }: Props) => JSX.Element;
+export declare const ProfileBand: ({ className, entity, children, classes, renderLabel }: Props) => React.JSX.Element;
 export {};

package/cjs/ProfileBandNavigation/ProfileBandNavigation.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     className?: string;
 };
-export declare const ProfileBandNavigation: ({ className }: Props) => JSX.Element;
+export declare const ProfileBandNavigation: ({ className }: Props) => React.JSX.Element;
 export {};

package/cjs/ProfileBandNavigation/components/ProfileBandNavigationWidget/ProfileBandNavigationWidget.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     className?: string;
     total?: number;
@@ -8,5 +8,5 @@ type Props = {
     isPrevDisabled?: boolean;
     isNextDisabled?: boolean;
 };
-export declare const ProfileBandNavigationWidget: ({ className, total, onPrev, onNext, onSearchResultsClick, isPrevDisabled, isNextDisabled }: Props) => JSX.Element;
+export declare const ProfileBandNavigationWidget: ({ className, total, onPrev, onNext, onSearchResultsClick, isPrevDisabled, isNextDisabled }: Props) => React.JSX.Element;
 export {};

package/cjs/ProfileCard/ProfileCard.d.ts

@@ -9,5 +9,5 @@ type Props = {
     };
     variant?: 'loading' | 'normal';
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const _default: React.MemoExoticComponent<({ entity, classes, variant, ...otherProps }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ entity, classes, variant, ...otherProps }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/ProfileCard/components/ProfileCardContent/ProfileCardContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Entity } from '@reltio/mdm-sdk';
 type Props = {
     entity: Entity;
@@ -7,5 +7,5 @@ type Props = {
         secondaryLabel?: string;
     };
 };
-export declare const ProfileCardContent: ({ entity, classes }: Props) => JSX.Element;
+export declare const ProfileCardContent: ({ entity, classes }: Props) => React.JSX.Element;
 export {};

package/cjs/ProfileCard/components/ProfileCardPlaceholder/ProfileCardPlaceholder.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ProfileCardPlaceholder: () => JSX.Element;
+import React from 'react';
+export declare const ProfileCardPlaceholder: () => React.JSX.Element;

package/cjs/ProfileMatchCard/ProfileMatchCard.d.ts

@@ -8,5 +8,5 @@ type Props = {
     children?: React.ReactNode;
     className?: string;
 };
-export declare const ProfileMatchCard: ({ children, entitiesMap, entity, match, metadata, className }: Props) => JSX.Element;
+export declare const ProfileMatchCard: ({ children, entitiesMap, entity, match, metadata, className }: Props) => React.JSX.Element;
 export {};

package/cjs/ProfileResizablePanes/ProfileResizablePanes.d.ts

@@ -8,7 +8,7 @@ type Props = {
     defaultTab?: number;
 };
 export declare const ProfileResizablePanes: {
-    ({ perspectiveId, children, buttonsProps, disabled, defaultTab }: Props): JSX.Element;
+    ({ perspectiveId, children, buttonsProps, disabled, defaultTab }: Props): React.JSX.Element;
     displayName: string;
 };
 export {};

package/cjs/ProfilesList/ProfilesList.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Entity } from '@reltio/mdm-sdk';
 type Props = {
     entities: Entity[];
@@ -11,5 +11,5 @@ type Props = {
     };
     entityButtonsRenderer?: (entity: Entity) => void;
 };
-export declare const ProfilesList: ({ entities, entityToHighlight, selectedEntityUri, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => JSX.Element;
+export declare const ProfilesList: ({ entities, entityToHighlight, selectedEntityUri, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => React.JSX.Element;
 export {};

package/cjs/QueryBuilderRow/QueryBuilderRow.d.ts

@@ -41,5 +41,5 @@ export type Props<T, U extends Record<string, unknown>> = {
     filterSelectorRef: ForwardedRef<HTMLInputElement>;
     attributeSelectorProps?: AttributeSelectorProps;
 };
-declare const _default: React.MemoExoticComponent<(<T, U extends Record<string, unknown>>({ classes, rowData, previousRowData, LogicOperatorComponent, AttributeSelectorComponent, FilterSelectorComponent, ValuesEditorComponent, ActionsComponent, filterSelectorRef, attributeSelectorProps, ...rowContext }: Props<T, U>) => JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<T, U extends Record<string, unknown>>({ classes, rowData, previousRowData, LogicOperatorComponent, AttributeSelectorComponent, FilterSelectorComponent, ValuesEditorComponent, ActionsComponent, filterSelectorRef, attributeSelectorProps, ...rowContext }: Props<T, U>) => React.JSX.Element)>;
 export default _default;

package/cjs/QueryBuilderRow/components/ReadOnlyFilter/ReadOnlyFilter.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     className?: string;
     rowData: {
         filter?: string;
     };
 };
-export declare const ReadOnlyFilter: ({ className, rowData }: Props) => JSX.Element;
+export declare const ReadOnlyFilter: ({ className, rowData }: Props) => React.JSX.Element;
 export {};

package/cjs/QueryBuilderRow/components/ReadOnlyLogicOperator/ReadOnlyLogicOperator.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     className?: string;
     rowData: {
         operator?: string;
     };
 };
-export declare const ReadOnlyLogicOperator: ({ className, rowData }: Props) => JSX.Element;
+export declare const ReadOnlyLogicOperator: ({ className, rowData }: Props) => React.JSX.Element;
 export {};

package/cjs/QueryBuilderRowsGroup/QueryBuilderRowsGroup.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import React, { ForwardedRef } from 'react';
 import { Metadata, Optional } from '@reltio/mdm-sdk';
 import { QueryBuilderAttribute } from '../types';
 import { Props as QueryBuilderRowProps } from '../QueryBuilderRow';
@@ -31,5 +31,5 @@ type Props<T, U extends Record<string, unknown>> = {
     metadata?: Metadata;
     [key: string]: unknown;
 };
-declare const _default: <T, U extends Record<string, unknown>>({ className, rowClasses, rowsData, lastRowAttributeSelectorProps, filterSelectorRef, filterSelectorRefIndex, ...rowProps }: Props<T, U>) => JSX.Element;
+declare const _default: <T, U extends Record<string, unknown>>({ className, rowClasses, rowsData, lastRowAttributeSelectorProps, filterSelectorRef, filterSelectorRefIndex, ...rowProps }: Props<T, U>) => React.JSX.Element;
 export default _default;

package/cjs/RCTree/DefaultSwitchRenderer.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { TreeNodeProps } from 'rc-tree';
 type Props = {
     node: TreeNodeProps;
 };
-export declare const DefaultSwitchRenderer: ({ node }: Props) => JSX.Element;
+export declare const DefaultSwitchRenderer: ({ node }: Props) => React.JSX.Element;
 export {};

package/cjs/RCTree/RCTree.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TreeNodeProps } from 'rc-tree';
 import { RCTreeNode } from './types';
 type Props = {
@@ -14,6 +14,7 @@ type Props = {
     className?: string;
     minItemHeight?: number;
     isLeaf?: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+    onChange?: (node: RCTreeNode[]) => void;
 };
-export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf }: Props) => JSX.Element;
+export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf, onChange, }: Props) => React.JSX.Element;
 export {};

package/cjs/RCTree/RCTree.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RCTree = void 0;
 var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
 var rc_tree_1 = __importDefault(require("rc-tree"));
 var classnames_1 = __importDefault(require("classnames"));
 var DefaultSwitchRenderer_1 = require("./DefaultSwitchRenderer");
@@ -35,7 +36,7 @@ var helper_1 = require("./helper");
 var styles_1 = require("./styles");
 var MIN_ROW_HEIGHT = 28;
 var RCTree = function (_a) {
-    var treeData = _a.treeData, _b = _a.isVirtualized, isVirtualized = _b === void 0 ? true : _b, _c = _a.canDrag, canDrag = _c === void 0 ? false : _c, _d = _a.canDrop, canDrop = _d === void 0 ? function () { return false; } : _d, onLoadChildren = _a.onLoadChildren, height = _a.height, _e = _a.defaultExpandAll, defaultExpandAll = _e === void 0 ? false : _e, _f = _a.SwitchRenderer, SwitchRenderer = _f === void 0 ? DefaultSwitchRenderer_1.DefaultSwitchRenderer : _f, className = _a.className, renderNode = _a.renderNode, _g = _a.minItemHeight, minItemHeight = _g === void 0 ? MIN_ROW_HEIGHT : _g, _h = _a.isLeaf, isLeaf = _h === void 0 ? helper_1.defaultIsLeaf : _h;
+    var treeData = _a.treeData, _b = _a.isVirtualized, isVirtualized = _b === void 0 ? true : _b, _c = _a.canDrag, canDrag = _c === void 0 ? false : _c, _d = _a.canDrop, canDrop = _d === void 0 ? function () { return false; } : _d, onLoadChildren = _a.onLoadChildren, height = _a.height, _e = _a.defaultExpandAll, defaultExpandAll = _e === void 0 ? false : _e, _f = _a.SwitchRenderer, SwitchRenderer = _f === void 0 ? DefaultSwitchRenderer_1.DefaultSwitchRenderer : _f, className = _a.className, renderNode = _a.renderNode, _g = _a.minItemHeight, minItemHeight = _g === void 0 ? MIN_ROW_HEIGHT : _g, _h = _a.isLeaf, isLeaf = _h === void 0 ? helper_1.defaultIsLeaf : _h, _j = _a.onChange, onChange = _j === void 0 ? ramda_1.identity : _j;
     var styles = (0, styles_1.useStyles)();
     var internalTreeData = (0, react_1.useMemo)(function () { return (0, helper_1.convertTreeData)({ data: treeData, isLeaf: isLeaf }); }, [isLeaf, treeData]);
     // eslint-disable-next-line no-unused-vars
@@ -56,7 +57,18 @@ var RCTree = function (_a) {
         var dropPosition = _a.dropPosition, dropLevelOffset = _a.dropLevelOffset, indent = _a.indent, prefixCls = _a.prefixCls, direction = _a.direction;
         // TODO: implement
     };
+    var handleExpand = (0, react_1.useCallback)(function (_expandedKeys, data) {
+        if (onChange) {
+            var changeNode = (0, ramda_1.assoc)('expanded', data.expanded);
+            var newTreeData = (0, helper_1.changeNodeAtPosition)(treeData, data.node.pos, changeNode);
+            if (newTreeData)
+                onChange(newTreeData);
+        }
+    }, [treeData, onChange]);
+    var expandedKeys = (0, react_1.useMemo)(function () {
+        return (0, helper_1.getExpandedKeys)(treeData);
+    }, [treeData]);
     var renderSwitcherIcon = (0, react_1.useCallback)(function (node) { return react_1.default.createElement(SwitchRenderer, { node: node }); }, []);
-    return internalTreeData ? (react_1.default.createElement(rc_tree_1.default, { allowDrop: canDrop, draggable: canDrag, onDragStart: function () { }, onDragEnter: handleDragEnter, onDrop: handleDrop, virtual: isVirtualized, itemHeight: minItemHeight, height: height, showIcon: false, showLine: true, switcherIcon: renderSwitcherIcon, defaultExpandAll: defaultExpandAll, className: (0, classnames_1.default)(className, styles.treeWrapper), titleRender: renderNode ? function (node) { return renderNode(node.value); } : undefined, treeData: internalTreeData, selectable: false, loadData: onLoadChildren ? function (node) { return onLoadChildren(node.value); } : undefined, "data-reltio-id": "rc-tree" })) : null;
+    return internalTreeData ? (react_1.default.createElement(rc_tree_1.default, { allowDrop: canDrop, draggable: canDrag, onDragStart: function () { }, onDragEnter: handleDragEnter, onDrop: handleDrop, virtual: isVirtualized, itemHeight: minItemHeight, height: height, onExpand: handleExpand, showIcon: false, showLine: true, expandedKeys: expandedKeys, switcherIcon: renderSwitcherIcon, defaultExpandAll: defaultExpandAll, className: (0, classnames_1.default)(className, styles.treeWrapper), titleRender: renderNode ? function (node) { return renderNode(node.value); } : undefined, treeData: internalTreeData, selectable: false, loadData: onLoadChildren ? function (node) { return onLoadChildren(node.value); } : undefined, "data-reltio-id": "rc-tree" })) : null;
 };
 exports.RCTree = RCTree;

package/cjs/RCTree/helper.d.ts

@@ -1,12 +1,13 @@
-import { TreeNodeProps } from 'rc-tree';
-import { RCTreeNode } from './types';
+import { InternalRCNode, RCTreeNode } from './types';
 export declare const defaultIsLeaf: ({ children }: {
     children?: unknown[];
 }) => boolean;
-type Props = {
-    data: Array<RCTreeNode & Record<string, unknown>>;
+type ConvertTreeDataProps<T> = {
+    data: T[];
     parentPath?: number[];
-    isLeaf: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+    isLeaf: (node: T) => boolean;
 };
-export declare const convertTreeData: ({ data, parentPath, isLeaf }: Props) => any;
+export declare const convertTreeData: ({ data, parentPath, isLeaf }: ConvertTreeDataProps<RCTreeNode>) => InternalRCNode[];
+export declare const changeNodeAtPosition: (treeData: RCTreeNode[], pos: string, changeNode: (node: RCTreeNode) => RCTreeNode) => any;
+export declare const getExpandedKeys: (nodes?: RCTreeNode[]) => any;
 export {};

package/cjs/RCTree/helper.js

@@ -20,7 +20,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertTreeData = exports.defaultIsLeaf = void 0;
+exports.getExpandedKeys = exports.changeNodeAtPosition = exports.convertTreeData = exports.defaultIsLeaf = void 0;
+var ramda_1 = require("ramda");
 var defaultIsLeaf = function (_a) {
     var _b = _a.children, children = _b === void 0 ? [] : _b;
     return !children.length;
@@ -31,10 +32,26 @@ var convertTreeData = function (_a) {
     return data.map(function (item) {
         var _a;
         var path = __spreadArray(__spreadArray([], parentPath, true), [item.nodeId], false);
-        return __assign({ key: item.nodeId, value: __assign(__assign({}, item), { path: path }), title: (_a = item.title) !== null && _a !== void 0 ? _a : '', isLeaf: isLeaf(item) }, (item.children &&
+        return __assign({ key: String(item.nodeId), title: (_a = item.title) !== null && _a !== void 0 ? _a : '', value: __assign(__assign({}, item), { path: path }), isLeaf: isLeaf(item) }, (item.children &&
             item.children.length && {
             children: (0, exports.convertTreeData)({ data: item.children, parentPath: path, isLeaf: isLeaf })
         }));
     });
 };
 exports.convertTreeData = convertTreeData;
+var getPathFromPosition = (0, ramda_1.pipe)((0, ramda_1.split)('-'), (0, ramda_1.remove)(0, 1), (0, ramda_1.map)(Number), (0, ramda_1.intersperse)('children'));
+var changeNodeAtPosition = function (treeData, pos, changeNode) {
+    var nodePath = getPathFromPosition(pos);
+    var node = (0, ramda_1.path)(nodePath, treeData);
+    return node ? (0, ramda_1.assocPath)(nodePath, changeNode(node), treeData) : null;
+};
+exports.changeNodeAtPosition = changeNodeAtPosition;
+var getExpandedKeys = function (nodes) {
+    if (nodes === void 0) { nodes = []; }
+    return nodes.reduce(function (expandedKeys, node) {
+        return expandedKeys
+            .concat(node.expanded ? [String(node.nodeId)] : [])
+            .concat((0, exports.getExpandedKeys)(node.children));
+    }, []);
+};
+exports.getExpandedKeys = getExpandedKeys;

package/cjs/RCTree/styles.js

@@ -8,7 +8,6 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
         paddingLeft: '6px',
         width: '16px',
         height: '16px',
-        backgroundColor: 'white',
         cursor: 'pointer'
     },
     switcherButton: {
@@ -37,14 +36,6 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
         '.rc-tree-focused:not(.rc-tree-active-focused)': {
             borderColor: 'cyan'
         },
-        '.rc-tree .rc-tree-treenode': {
-            margin: 0,
-            padding: 0,
-            lineHeight: '24px',
-            whiteSpace: 'nowrap',
-            listStyle: 'none',
-            outline: 0
-        },
         '.rc-tree .rc-tree-treenode .draggable': {
             color: '#333',
             userSelect: 'none'
@@ -78,17 +69,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
             margin: 0,
             padding: '0 0 0 18px'
         },
-        '.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper': {
-            position: 'relative',
-            display: 'inline-block',
-            height: '24px',
-            margin: 0,
-            padding: 0,
-            textDecoration: 'none',
-            verticalAlign: 'top',
-            cursor: 'pointer'
-        },
-        '.rc-tree .rc-tree-treenode span.rc-tree-switcher, .rc-tree .rc-tree-treenode span.rc-tree-checkbox, .rc-tree .rc-tree-treenode span.rc-tree-iconEle': {
+        '.rc-tree .rc-tree-treenode span.rc-tree-checkbox, .rc-tree .rc-tree-treenode span.rc-tree-iconEle': {
             display: 'inline-block',
             width: '16px',
             height: '16px',
@@ -114,12 +95,6 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
         '.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop': {
             cursor: 'auto'
         },
-        '.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open': {
-            backgroundPosition: '-93px -56px'
-        },
-        '.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close': {
-            backgroundPosition: '-75px -56px'
-        },
         '.rc-tree .rc-tree-treenode span.rc-tree-checkbox': {
             width: '13px',
             height: '13px',
@@ -204,9 +179,6 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
             marginRight: '2px',
             verticalAlign: 'top'
         },
-        '.rc-tree-title': {
-            display: 'inline-block'
-        },
         '.rc-tree-indent': {
             display: 'inline-block',
             height: 0,
@@ -222,14 +194,37 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
             width: '16px'
         },
         //Custom styles
-        '.rc-tree-node-content-wrapper': {
-            height: 'auto !important'
+        '.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper': {
+            position: 'relative',
+            display: 'inline-block',
+            margin: 0,
+            padding: 0,
+            textDecoration: 'none',
+            verticalAlign: 'top',
+            cursor: 'pointer',
+            height: 'auto',
+            width: '100%',
+            paddingRight: '11px'
+        },
+        '.rc-tree .rc-tree-treenode': {
+            margin: 0,
+            padding: '0 0 0 18px',
+            lineHeight: '24px',
+            listStyle: 'none',
+            outline: 0,
+            '&:hover': {
+                backgroundColor: 'rgba(0,0,0,0.06)'
+            },
         },
         '.rc-tree-treenode': {
             display: 'flex'
         },
         '.rc-tree-icon_loading': {
             display: 'none !important'
-        }
+        },
+        '.rc-tree-title': {
+            display: 'inline-block',
+            width: '100%'
+        },
     }
 }); });

package/cjs/RCTree/types.d.ts

@@ -1,4 +1,13 @@
+import { FieldDataNode } from 'rc-tree';
 export type RCTreeNode = {
     nodeId: number;
+    title?: string;
+    expanded?: boolean;
     children?: RCTreeNode[];
 };
+export type InternalRCNode = {
+    value: RCTreeNode;
+} & FieldDataNode<{
+    key: string;
+    title?: string;
+}>;

package/cjs/ReactSelect/ReactSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const ReactSelect: {
-    (props: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): JSX.Element;
+    (props: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): import("react").JSX.Element;
     displayName: string;
     defaultProps: {
         components: {};

package/cjs/ReactSelectDropdownIndicator/ReactSelectDropdownIndicator.d.ts

@@ -1,4 +1,4 @@
-export function ReactSelectDropdownIndicator(props: any): JSX.Element;
+export function ReactSelectDropdownIndicator(props: any): React.JSX.Element;
 export namespace ReactSelectDropdownIndicator {
     namespace propTypes {
         let innerProps: PropTypes.Validator<object>;
@@ -11,4 +11,5 @@ export namespace ReactSelectDropdownIndicator {
         }>>>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/ReactSelectDropdownIndicatorWithIconButton/ReactSelectDropdownIndicatorWithIconButton.d.ts

@@ -1,4 +1,4 @@
-export function ReactSelectDropdownIndicatorWithIconButton(props: any): JSX.Element;
+export function ReactSelectDropdownIndicatorWithIconButton(props: any): React.JSX.Element;
 export namespace ReactSelectDropdownIndicatorWithIconButton {
     namespace propTypes {
         let innerProps: PropTypes.Validator<object>;
@@ -10,4 +10,5 @@ export namespace ReactSelectDropdownIndicatorWithIconButton {
         }>>>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/ReactSelectLoadMoreButton/ReactSelectLoadMoreButton.d.ts

@@ -4,5 +4,5 @@ type Props = {
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
-export declare const ReactSelectLoadMoreButton: ({ loading, onClick, onMouseDown }: Props) => JSX.Element;
+export declare const ReactSelectLoadMoreButton: ({ loading, onClick, onMouseDown }: Props) => React.JSX.Element;
 export {};

package/cjs/ReactSelectMenuList/ReactSelectMenuList.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ReactSelectMenuList: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ReactSelectMenuList: (props: any) => React.JSX.Element;