@reltio/components 1.4.1948 → 1.4.1949

package/cjs/ActionsPanel/ActionsPanel.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Action } from './types';
 type Props = {
     actions: Action[];
@@ -13,5 +13,5 @@ type Props = {
     onActionsMenuClose?: () => void;
     dataReltioId?: string;
 };
-export declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => JSX.Element;
+export declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => React.JSX.Element;
 export {};

package/cjs/ArrowExpandButton/ArrowExpandButton.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconButtonProps } from '@mui/material/IconButton';
 type Props = {
     expanded: boolean;
     className?: string;
 } & Omit<IconButtonProps, 'size'>;
-export declare const ArrowExpandButton: (props: Props) => JSX.Element;
+export declare const ArrowExpandButton: (props: Props) => React.JSX.Element;
 export {};

package/cjs/AsyncReactSelect/AsyncReactSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const AsyncReactSelect: {
-    (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/AttributeGroupIcon/AttributeGroupIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Metadata } from '@reltio/mdm-sdk';
 type Props = {
     group: {
@@ -7,5 +7,5 @@ type Props = {
     };
     metadata: Metadata;
 };
-export declare const AttributeGroupIcon: ({ group, metadata }: Props) => JSX.Element;
+export declare const AttributeGroupIcon: ({ group, metadata }: Props) => React.JSX.Element;
 export {};

package/cjs/AttributeListItem/AttributeListItem.d.ts

@@ -1,15 +1,11 @@
 import React from 'react';
 import { AttributeType } from '@reltio/mdm-sdk';
 import { MenuItemProps } from '@mui/material/MenuItem';
-export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent<Pick<{
+export declare const RecommendedIconWithTooltip: 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;
-} & 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" | "values" | "path" | "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;
-} | "name" | "type" | "href" | "media" | "target" | "max" | "method" | "min" | "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" | "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" | "viewBox" | "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>>;
+} & React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 type Data = {
     attrType?: AttributeType;
 };
@@ -35,7 +31,7 @@ type Props = {
     disableGutters?: boolean;
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ groupId, data, checked, isFocused, isRequired, label, labelInText, level, onClick, hideCheckBox, hideIcon, notSelectable, disableHorizontalScrollbar, style, subItemMargin, LogoIcon, className, disableNonSelectable, disableGutters }: Props): JSX.Element;
+    ({ groupId, data, checked, isFocused, isRequired, label, labelInText, level, onClick, hideCheckBox, hideIcon, notSelectable, disableHorizontalScrollbar, style, subItemMargin, LogoIcon, className, disableNonSelectable, disableGutters }: Props): React.JSX.Element;
     defaultName: string;
 }>;
 export default _default;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeType } from '@reltio/mdm-sdk';
 type Props = {
     attrType?: AttributeType;
 };
-export declare const AttrTypeIcon: ({ attrType }: Props) => JSX.Element;
+export declare const AttrTypeIcon: ({ attrType }: Props) => React.JSX.Element;
 export {};

package/cjs/AttributeSelector/AttributeSelector.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeOption } from '../types';
 import { TEntityType } from '@reltio/mdm-sdk';
 type Props = {
@@ -10,5 +10,5 @@ type Props = {
     disableUnderline?: boolean;
     menuPlacement?: string;
 };
-export declare const AttributeSelector: ({ entityType, selectedAttributes, className, onChange, title, disableUnderline, menuPlacement }: Props) => JSX.Element;
+export declare const AttributeSelector: ({ entityType, selectedAttributes, className, onChange, title, disableUnderline, menuPlacement }: Props) => React.JSX.Element;
 export {};

package/cjs/AttributeTitle/AttributeTitle.d.ts

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

package/cjs/AttributesErrorsPanel/AttributesErrorsPanel.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeError } from '@reltio/mdm-sdk';
 type Props = {
     attributesWithErrors?: AttributeError[];
 };
-export declare const AttributesErrorsPanel: ({ attributesWithErrors }: Props) => JSX.Element;
+export declare const AttributesErrorsPanel: ({ attributesWithErrors }: Props) => React.JSX.Element;
 export {};

package/cjs/AttributesErrorsPanel/components/Error/Error.d.ts

@@ -3,5 +3,5 @@ import { AttributeError } from '@reltio/mdm-sdk';
 type Props = {
     error: AttributeError;
 };
-export declare const Error: React.MemoExoticComponent<({ error }: Props) => JSX.Element>;
+export declare const Error: React.MemoExoticComponent<({ error }: Props) => React.JSX.Element>;
 export {};

package/cjs/AttributesErrorsPanel/components/ErrorsPanel/ErrorsPanel.d.ts

@@ -13,5 +13,5 @@ type Props = {
     onToggle: (id: string) => (e: any, isExpanded: boolean) => void;
     ErrorComponent: ElementType;
 };
-export declare const ErrorsPanel: React.MemoExoticComponent<({ panels, expandedPanelId, onToggle, ErrorComponent }: Props) => JSX.Element>;
+export declare const ErrorsPanel: React.MemoExoticComponent<({ panels, expandedPanelId, onToggle, ErrorComponent }: Props) => React.JSX.Element>;
 export {};

package/cjs/AttributesFilterSelector/AttributesFilterSelector.d.ts

@@ -4,5 +4,5 @@ type Props = AttributeFiltersComponentProps & {
     textFieldInputRef: React.MutableRefObject<HTMLInputElement>;
     options?: FilterOption[];
 };
-declare const _default: React.MemoExoticComponent<({ rowData, rowContext, textFieldInputRef, options: optionsProp }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ rowData, rowContext, textFieldInputRef, options: optionsProp }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.d.ts

@@ -14,5 +14,5 @@ type Props = {
     };
     onFilterAttributeChange?: (attrSelectInfo: AttributeSelectionInfo) => void;
 };
-declare const _default: React.MemoExoticComponent<({ classes, attributesTypesGroups, attributesTypesGroupFilter, filters, onChange, components, onFilterAttributeChange }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ classes, attributesTypesGroups, attributesTypesGroupFilter, filters, onChange, components, onFilterAttributeChange }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/AttributesFiltersBuilder/components/AttributeSelector/AttributeSelector.d.ts

@@ -5,5 +5,5 @@ type Props = AttributeFiltersComponentProps & {
         onOpen: () => void;
     };
 };
-declare const _default: React.MemoExoticComponent<({ rowData, rowContext, attributeSelectorProps }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ rowData, rowContext, attributeSelectorProps }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/AttributesFiltersBuilder/components/RowActions/RowActions.d.ts

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

package/cjs/AttributesFiltersButton/AttributesFiltersButton.d.ts

@@ -24,5 +24,5 @@ type Props = {
     popoverAnchorRef?: React.MutableRefObject<HTMLDivElement>;
     title?: string;
 };
-declare const _default: React.MemoExoticComponent<({ filters: filtersProp, classes, attributesTypesGroups, attributesTypesGroupFilter, onChange, components, children, onTogglePopup, isFiltersApplied: isFiltersAppliedProp, dataReltioId, onFilterAttributeChange, onCancel, onClear, onApply, ButtonIcon, popoverAnchorRef, title }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ filters: filtersProp, classes, attributesTypesGroups, attributesTypesGroupFilter, onChange, components, children, onTogglePopup, isFiltersApplied: isFiltersAppliedProp, dataReltioId, onFilterAttributeChange, onCancel, onClear, onApply, ButtonIcon, popoverAnchorRef, title }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/AttributesFiltersButton/components/ActionButtons/ActionButtons.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     onClear: () => void;
     onCancel: () => void;
     onApply: () => void;
 };
-export declare const ActionButtons: ({ onClear, onCancel, onApply }: Props) => JSX.Element;
+export declare const ActionButtons: ({ onClear, onCancel, onApply }: Props) => React.JSX.Element;
 export {};

package/cjs/AttributesValuesEditor/AttributesValuesEditor.d.ts

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

package/cjs/AttributesView/AttributesView.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Entity, Mode, PinnedAttribute } from '@reltio/mdm-sdk';
 export type AttributesViewProps = {
     attributesCount?: number;
@@ -11,4 +11,4 @@ export type AttributesViewProps = {
     mode?: Mode;
     alwaysVisible?: string[];
 };
-export declare const AttributesView: ({ attributesCount, pinnedAttributes, alwaysVisible, ...restProps }: AttributesViewProps) => JSX.Element;
+export declare const AttributesView: ({ attributesCount, pinnedAttributes, alwaysVisible, ...restProps }: AttributesViewProps) => React.JSX.Element;

package/cjs/AutoSizeList/AutoSizeList.d.ts

@@ -13,5 +13,5 @@ type Props<T> = {
     showNotMeasuredItems?: boolean;
     listRef?: MutableRefObject<List>;
 };
-declare const _default: <T>({ width, height, defaultItemSize, data, children, itemKey, showNotMeasuredItems, listRef: listRefProp }: Props<T>) => JSX.Element;
+declare const _default: <T>({ width, height, defaultItemSize, data, children, itemKey, showNotMeasuredItems, listRef: listRefProp }: Props<T>) => React.JSX.Element;
 export default _default;

package/cjs/AvatarWithFallback/AvatarWithFallback.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     className?: string;
     icon?: string;
@@ -9,5 +9,5 @@ type Props = {
         textRoot?: string;
     };
 };
-export declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => JSX.Element;
+export declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/BarChart/BarChart.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { BarChartOptions, ChartType } from '@reltio/mdm-sdk';
 import { BaseChartProps } from '../types/charts';
 type Props = BaseChartProps & {
     chartType?: ChartType.BAR;
     options?: BarChartOptions;
 };
-export declare const BarChart: ({ width, height, data, options, onItemClick }: Props) => JSX.Element;
+export declare const BarChart: ({ width, height, data, options, onItemClick }: Props) => React.JSX.Element;
 export {};

package/cjs/BasicAttributeSelector/BasicAttributeSelector.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BasicAttributeSelectorProps } from '../types';
-declare const _default: React.MemoExoticComponent<({ className, itemsGroups, value, getLabel, onSelect, onRestoreFocus, onOpenPopup, disableRestoreFocus, disableEnforceFocus, single, ungroup, disabled, hideCheckBox }: BasicAttributeSelectorProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ className, itemsGroups, value, getLabel, onSelect, onRestoreFocus, onOpenPopup, disableRestoreFocus, disableEnforceFocus, single, ungroup, disabled, hideCheckBox }: BasicAttributeSelectorProps) => React.JSX.Element>;
 export default _default;

package/cjs/BasicAttributeSelector/components/AttributeTitle/AttributeTitle.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeSelectorItem } from '../../../types';
 type Value = {
     fieldName: string;
@@ -10,5 +10,5 @@ type Props = {
     getLabel: (value: Value) => string;
     onSelectAttributeClick: (event: any) => void;
 };
-export declare const AttributeTitle: ({ value, getLabel, onSelectAttributeClick, disabled }: Props) => JSX.Element;
+export declare const AttributeTitle: ({ value, getLabel, onSelectAttributeClick, disabled }: Props) => React.JSX.Element;
 export {};

package/cjs/BasicTable/BasicTable.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const BasicTable: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export declare const BasicTable: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;

package/cjs/BasicTablePagination/BasicTablePagination.d.ts

@@ -12,7 +12,7 @@ type BasicTablePaginationProps = {
     onChangeRowsPerPage?: (value: number) => void;
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ classes, count, rowsPerPageOptions, page, onChangePage, rowsPerPage, onChangeRowsPerPage, basicTableRef, labelRowsPerPage }: BasicTablePaginationProps): JSX.Element;
+    ({ classes, count, rowsPerPageOptions, page, onChangePage, rowsPerPage, onChangeRowsPerPage, basicTableRef, labelRowsPerPage }: BasicTablePaginationProps): React.JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/cjs/BasicView/BasicView.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-export declare const BasicView: React.ForwardRefExoticComponent<Pick<{
+export declare const BasicView: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material/Paper").PaperClasses>;
     elevation?: number;
     square?: boolean;
     sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
     variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material/Paper").PaperPropsVariantOverrides>;
-} & 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>;
-}, "square" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "elevation" | "variant">, "color" | "translate" | "hidden" | "square" | "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" | "key" | keyof import("@mui/material/OverridableComponent").CommonProps | "elevation" | "variant"> & React.RefAttributes<HTMLDivElement>>;
+}, "square" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "elevation" | "variant">, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/BasicViewContent/BasicViewContent.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const BasicViewContent: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>>;
+export declare const BasicViewContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/BasicViewHeader/BasicViewHeader.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { ToolbarProps } from '@mui/material/Toolbar';
 type Props = ToolbarProps & {
     title?: string;
     classes?: Partial<Record<'root' | 'title', string>>;
 };
-export declare const BasicViewHeader: ({ title, children, classes, ...otherProps }: Props) => JSX.Element;
+export declare const BasicViewHeader: ({ title, children, classes, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/BlobRenderer/BlobRenderer.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 type Props = {
     value?: React.ReactNode;
 };
-export declare const BlobRenderer: ({ value }: Props) => JSX.Element;
+export declare const BlobRenderer: ({ value }: Props) => React.JSX.Element;
 export {};

package/cjs/BooleanRadioEditor/BooleanRadioEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     value?: boolean;
     onChange?: (checked: boolean) => void;
@@ -6,5 +6,5 @@ type Props = {
     isCrossedOut?: boolean;
     disabled?: boolean;
 };
-export declare const BooleanRadioEditor: ({ value, onChange, className, isCrossedOut, disabled }: Props) => JSX.Element;
+export declare const BooleanRadioEditor: ({ value, onChange, className, isCrossedOut, disabled }: Props) => React.JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 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 declare const BooleanEditor: ({ value, onChange, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/BranchDecorator/BranchDecorator.d.ts

@@ -5,5 +5,5 @@ type Props = {
     plain?: boolean;
     enabled?: boolean;
 };
-export declare const BranchDecorator: ({ className, children, plain, enabled }: Props) => JSX.Element;
+export declare const BranchDecorator: ({ className, children, plain, enabled }: Props) => React.JSX.Element;
 export {};

package/cjs/BubbleChart/BubbleChart.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
+import React from 'react';
 import { BubbleChartOptions, ChartType } from '@reltio/mdm-sdk';
 import { BaseChartProps } from '../types/charts';
 type Props = BaseChartProps & {
     chartType?: ChartType.BUBBLE;
     options?: BubbleChartOptions;
 };
-export declare const BubbleChart: ({ width, height, data, options, onItemClick }: Props) => JSX.Element;
+export declare const BubbleChart: ({ width, height, data, options, onItemClick }: Props) => React.JSX.Element;
 declare const _default: {
     ({ data, ...otherProps }: BaseChartProps & {
         chartType?: ChartType.BUBBLE;
         options?: BubbleChartOptions;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/cjs/CardinalityMessage/CardinalityMessage.d.ts

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

package/cjs/ChartLegend/ChartLegend.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { LegendProps } from 'recharts';
 type Props = LegendProps & {
     alignRight: boolean;
 };
-export declare const ChartLegend: ({ payload, alignRight }: Props) => JSX.Element;
+export declare const ChartLegend: ({ payload, alignRight }: Props) => React.JSX.Element;
 export {};

package/cjs/ChartTooltip/ChartTooltip.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { TooltipProps } from 'recharts';
-export declare const ChartTooltip: ({ payload, active }: TooltipProps<number, string>) => JSX.Element;
+export declare const ChartTooltip: ({ payload, active }: TooltipProps<number, string>) => React.JSX.Element;

package/cjs/ChartsFactory/ChartsFactory.d.ts

@@ -9,6 +9,6 @@ import { MapChart } from '../MapChart';
 import { CloudChart } from '../CloudChart';
 type ChartProps = React.ComponentProps<typeof BarChart> | React.ComponentProps<typeof PieChart> | React.ComponentProps<typeof TreeChart> | React.ComponentProps<typeof TableWithBars> | React.ComponentProps<typeof BubbleChart> | React.ComponentProps<typeof LineChart> | React.ComponentProps<typeof MapChart> | React.ComponentProps<typeof CloudChart>;
 export declare class ChartsFactory {
-    static build(props: ChartProps): JSX.Element;
+    static build(props: ChartProps): React.JSX.Element;
 }
 export {};

package/cjs/CloudChart/CloudChart.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
+import React from 'react';
 import { ChartType, CloudChartOptions } from '@reltio/mdm-sdk';
 import { BaseChartProps } from '../types/charts';
 type Props = BaseChartProps & {
     chartType?: ChartType.CLOUD;
     options?: CloudChartOptions;
 };
-export declare const CloudChart: ({ width, height, data, options, onItemClick }: Props) => JSX.Element;
+export declare const CloudChart: ({ width, height, data, options, onItemClick }: Props) => React.JSX.Element;
 declare const _default: {
     ({ data, ...otherProps }: BaseChartProps & {
         chartType?: ChartType.CLOUD;
         options?: CloudChartOptions;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/cjs/CollaborationItem/CollaborationItem.d.ts

@@ -11,5 +11,5 @@ type Props = {
     messagesRef?: React.RefCallback<HTMLDivElement>;
     comment?: CommentType;
 };
-declare const _default: React.MemoExoticComponent<({ uri, relatedObjectUris, objectType, classes, popperRef, messagesRef, comment }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ uri, relatedObjectUris, objectType, classes, popperRef, messagesRef, comment }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/CollaborationItem/components/Avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { AvatarProps } from '@mui/material/Avatar';
 type Props = Omit<AvatarProps, 'children'> & {
     children: string;
 };
-export declare const Avatar: ({ className, children, ...props }: Props) => JSX.Element;
+export declare const Avatar: ({ className, children, ...props }: Props) => React.JSX.Element;
 export {};

package/cjs/CollaborationItem/components/Comment/Comment.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Comment as CommentType } from '@reltio/mdm-sdk';
 type Props = {
     uri: string;
@@ -8,5 +8,5 @@ type Props = {
     relatedObjectUris: CommentType['relatedObjectUris'];
     objectType: CommentType['objectType'];
 };
-export declare const Comment: ({ onReply, className, uri, comment, relatedObjectUris, objectType }: Props) => JSX.Element;
+export declare const Comment: ({ onReply, className, uri, comment, relatedObjectUris, objectType }: Props) => React.JSX.Element;
 export {};

package/cjs/CollaborationItem/components/CommentContent/CommentContent.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { Comment } from '@reltio/mdm-sdk';
 type Props = {
     className?: string;
     comment: Pick<Comment, 'content' | 'namedUsers'>;
 };
-export declare const CommentContent: ({ comment, className }: Props) => JSX.Element;
+export declare const CommentContent: ({ comment, className }: Props) => React.JSX.Element;
 export {};

package/cjs/CollaborationItem/components/CommentTarget/CommentTarget.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { Comment } from '@reltio/mdm-sdk';
 type Props = {
     comment: Pick<Comment, 'objectType' | 'objectId' | 'relatedObjectUris'>;
     className?: string;
 };
-export declare const CommentTarget: ({ comment, className }: Props) => JSX.Element;
+export declare const CommentTarget: ({ comment, className }: Props) => React.JSX.Element;
 export {};

package/cjs/CollaborationItem/components/RepliedComment/RepliedComment.d.ts

@@ -7,5 +7,5 @@ type Props = {
     uri: string;
     popperRef?: React.RefObject<any>;
 };
-export declare const RepliedComment: ({ className, reply, uri, comment, popperRef }: Props) => JSX.Element;
+export declare const RepliedComment: ({ className, reply, uri, comment, popperRef }: Props) => React.JSX.Element;
 export {};

package/cjs/CollaborationItem/components/SendMessageArea/SendMessageArea.d.ts

@@ -13,5 +13,5 @@ type Props = {
     isEditingReply?: boolean;
     onCancel?: () => void;
 };
-export declare const SendMessageArea: ({ inputRef, className, uri, relatedObjectUris, objectType, popperRef, comment, reply, isEditingComment, isEditingReply, onCancel }: Props) => JSX.Element;
+export declare const SendMessageArea: ({ inputRef, className, uri, relatedObjectUris, objectType, popperRef, comment, reply, isEditingComment, isEditingReply, onCancel }: Props) => React.JSX.Element;
 export {};

package/cjs/CollaborationItem/components/TextFieldWithMentions/TextFieldWithMentions.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { MentionsInputProps } from 'react-mentions';
 type Props = Omit<MentionsInputProps, 'children' | 'onChange'> & {
     onChange?: (value: string, plainTextValue: string, mentions: string[]) => void;
 };
-export declare const TextFieldWithMentions: ({ onChange, className, value, placeholder, ...props }: Props) => JSX.Element;
+export declare const TextFieldWithMentions: ({ onChange, className, value, placeholder, ...props }: Props) => React.JSX.Element;
 export {};

package/cjs/CollapseButton/CollapseButton.d.ts

@@ -5,5 +5,5 @@ type Props = Omit<SmallIconButtonWithTooltipProps, 'tooltipTitle'> & {
     isOpen?: boolean;
     tooltipTitle?: string;
 };
-export declare const CollapseButton: ({ isOpen, tooltipTitle, ...otherProps }: Props) => JSX.Element;
+export declare const CollapseButton: ({ isOpen, tooltipTitle, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/CollapseRowButton/CollapseRowButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { RowValue } from '../types/basicTable';
 type Props = {
     rowIndex: number;
     rowValue: RowValue;
     className?: string;
 };
-export declare const CollapseRowButton: ({ rowIndex, rowValue, className }: Props) => JSX.Element;
+export declare const CollapseRowButton: ({ rowIndex, rowValue, className }: Props) => React.JSX.Element;
 export {};