@reltio/components 1.4.1948 → 1.4.1949

package/cjs/ColorBar/ColorBar.d.ts

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

package/cjs/ColoredSourceIcon/ColoredSourceIcon.d.ts

@@ -5,5 +5,5 @@ type Props = {
     className?: string;
     showTooltip?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ className, crosswalk, showTooltip }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ className, crosswalk, showTooltip }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/ColumnsSettings/ColumnsSettings.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ColumnData } from '../types/basicTable';
 type Props = {
     columnsData: ColumnData[];
@@ -7,5 +7,5 @@ type Props = {
     title?: string;
     tooltipTitle?: string;
 };
-export declare const ColumnsSettings: ({ columnsData, selectedColumns, onChangeColumns, title, tooltipTitle }: Props) => JSX.Element;
+export declare const ColumnsSettings: ({ columnsData, selectedColumns, onChangeColumns, title, tooltipTitle }: Props) => React.JSX.Element;
 export {};

package/cjs/ColumnsSettings/components/ColumnListItem/ColumnListItem.d.ts

@@ -7,7 +7,7 @@ export function ColumnListItem({ item, onClick, checked, level, style, isFocused
     isFocused: any;
     isGroupItem: any;
     hideCheckBox: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace ColumnListItem {
     namespace propTypes {
         let item: PropTypes.Requireable<PropTypes.InferProps<{
@@ -23,4 +23,5 @@ export namespace ColumnListItem {
         let hideCheckBox: PropTypes.Requireable<boolean>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/ColumnsSettings/components/ColumnsSettingsPopup/ColumnsSettingsPopup.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { GroupedColumnsData } from '../../../types/basicTable';
 type Props = {
     anchorEl: HTMLElement;
@@ -11,5 +11,5 @@ type Props = {
     selectedColumns: string[];
     hideCheckBox?: boolean;
 };
-export declare const ColumnsSettingsPopup: ({ anchorEl, onClose, title, columnsData, onColumnClick, selectedColumns, hideCheckBox }: Props) => JSX.Element;
+export declare const ColumnsSettingsPopup: ({ anchorEl, onClose, title, columnsData, onColumnClick, selectedColumns, hideCheckBox }: Props) => React.JSX.Element;
 export {};

package/cjs/CommentsContainer/CommentsContainer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Comment } from '@reltio/mdm-sdk';
 type Props = {
     className?: string;
@@ -9,5 +9,5 @@ type Props = {
     showAlways?: boolean;
     onChangePopupVisibility?: (visibility: boolean) => void;
 };
-export declare const CommentsContainer: ({ className, uri, objectType, relatedObjectUris, onChangePopupVisibility, allowOnlyOneComment, showAlways }: Props) => JSX.Element;
+export declare const CommentsContainer: ({ className, uri, objectType, relatedObjectUris, onChangePopupVisibility, allowOnlyOneComment, showAlways }: Props) => React.JSX.Element;
 export {};

package/cjs/CommentsContainer/components/AddCommentButton/AddCommentButton.d.ts

@@ -3,5 +3,5 @@ type Props = {
     className?: string;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
-export declare const AddCommentButton: ({ className, onClick }: Props) => JSX.Element;
+export declare const AddCommentButton: ({ className, onClick }: Props) => React.JSX.Element;
 export {};

package/cjs/CommentsContainer/components/BasicCommentButton/BasicCommentButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const BasicCommentButton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+export declare const BasicCommentButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     tooltipTitle: string;
     icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
     children?: React.ReactNode;

package/cjs/CommentsContainer/components/CollaborationPopup/CollaborationPopup.d.ts

@@ -8,5 +8,5 @@ type Props = Pick<PopupWithArrowProps, 'open' | 'anchorEl' | 'onClose'> & {
     relatedObjectUris: Comment['relatedObjectUris'];
     comment?: Comment;
 };
-export declare const CollaborationPopup: ({ uri, relatedObjectUris, objectType, anchorEl, onClose, open, comment }: Props) => JSX.Element;
+export declare const CollaborationPopup: ({ uri, relatedObjectUris, objectType, anchorEl, onClose, open, comment }: Props) => React.JSX.Element;
 export {};

package/cjs/ComplexAttributeLabel/ComplexAttributeLabel.d.ts

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

package/cjs/ConfigureColumnsPopup/ConfigureColumnsPopup.d.ts

@@ -11,7 +11,7 @@ export function ConfigureColumnsPopup({ open, anchorEl, data, onSearch, onClose,
     selected: any;
     hideCheckBox: any;
     renderGroupTitle: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace ConfigureColumnsPopup {
     namespace propTypes {
         let open: PropTypes.Requireable<boolean>;
@@ -37,4 +37,5 @@ export namespace ConfigureColumnsPopup {
         export { filterText_1 as filterText };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/ConfirmDeleteDialog/ConfirmDeleteDialog.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     open: boolean;
     onClose: () => void;
     onConfirm: () => void;
 };
-export declare const ConfirmDeleteDialog: ({ open, onClose, onConfirm }: Props) => JSX.Element;
+export declare const ConfirmDeleteDialog: ({ open, onClose, onConfirm }: Props) => React.JSX.Element;
 export {};

package/cjs/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -11,5 +11,5 @@ type Props = {
     onDiscard?: () => void;
     onSave: () => void;
 };
-export declare const ConfirmationDialog: ({ open, title, content, onCancel, cancelCaption, onDiscard, discardCaption, onSave, saveCaption, disabledSave }: Props) => JSX.Element;
+export declare const ConfirmationDialog: ({ open, title, content, onCancel, cancelCaption, onDiscard, discardCaption, onSave, saveCaption, disabledSave }: Props) => React.JSX.Element;
 export {};

package/cjs/ConnectionEditor/ConnectionEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeItem, EditingConnection, Entity, ConnectionRelationType } from '@reltio/mdm-sdk';
 type Props = {
     connection: EditingConnection;
@@ -16,5 +16,5 @@ type Props = {
     outRelationTypes?: ConnectionRelationType[];
     entityErrorMessage?: string;
 };
-export declare const ConnectionEditor: ({ connection, relatedEntity, inRelationTypes, outRelationTypes, showEmptyEditors, entityErrorMessage, onChangeAttribute, onRemoveAttribute, onAddAttributes, onChangeRelationType, onChangeEntity }: Props) => JSX.Element;
+export declare const ConnectionEditor: ({ connection, relatedEntity, inRelationTypes, outRelationTypes, showEmptyEditors, entityErrorMessage, onChangeAttribute, onRemoveAttribute, onAddAttributes, onChangeRelationType, onChangeEntity }: Props) => React.JSX.Element;
 export {};

package/cjs/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { ConnectionRelation, ConnectionRelationType, Metadata } from '@reltio/mdm-sdk';
 import { RelationTypeSelector } from '../RelationTypeSelector';
 type Props = Omit<ComponentProps<typeof RelationTypeSelector>, 'value' | 'options' | 'onChange'> & {
@@ -14,5 +14,5 @@ type Props = Omit<ComponentProps<typeof RelationTypeSelector>, 'value' | 'option
     }) => void;
     metadata?: Metadata;
 };
-export declare const ConnectionRelationTypeSelector: ({ relation, inRelationTypes, outRelationTypes, onChange, applyFirstByDefault, reversedContextLabels, ...otherProps }: Props) => JSX.Element;
+export declare const ConnectionRelationTypeSelector: ({ relation, inRelationTypes, outRelationTypes, onChange, applyFirstByDefault, reversedContextLabels, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/ControlAttributeIcon/ControlAttributeIcon.d.ts

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

package/cjs/CreatableReactSelect/CreatableReactSelect.d.ts

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type DateValues = [Date, Date];
 type Props = {
     values: DateValues;
     onChange: (values: DateValues) => void;
     onFocus?: () => void;
 };
-export declare const CustomDateRangeEditor: ({ values, onChange, onFocus }: Props) => JSX.Element;
+export declare const CustomDateRangeEditor: ({ values, onChange, onFocus }: Props) => React.JSX.Element;
 export {};

package/cjs/DataTenantBadge/DataTenantBadge.d.ts

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

package/cjs/DataTypeValue/DataTypeValue.d.ts

@@ -2,7 +2,7 @@ export function DataTypeValue({ value, dataTypeDefinition, rich }: {
     value?: any;
     dataTypeDefinition: any;
     rich?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace DataTypeValue {
     namespace propTypes {
         let value: PropTypes.Requireable<any>;
@@ -10,4 +10,5 @@ export namespace DataTypeValue {
         let rich: PropTypes.Requireable<boolean>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/DataTypeValueEditor/DataTypeValueEditor.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("react").MemoExoticComponent<{
         onChange: any;
         dataTypeDefinition: any;
         TextFieldProps?: {};
-    }): JSX.Element;
+    }): import("react").JSX.Element;
     propTypes: {
         fieldName: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<any>;

package/cjs/DateEditor/DateEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Moment } from 'moment';
 import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
 type Props = Omit<DatePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
@@ -8,5 +8,5 @@ type Props = Omit<DatePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'on
     onChange: (value: Date) => void;
     isCrossedOut?: boolean;
 };
-export declare const DateEditor: ({ minDate, maxDate, value: valueProp, format, label, onChange, slotProps, isCrossedOut, ...otherProps }: Props) => JSX.Element;
+export declare const DateEditor: ({ minDate, maxDate, value: valueProp, format, label, onChange, slotProps, isCrossedOut, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/DateIntervalSelector/DateIntervalSelector.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     interval: [number, string];
     onChange: ([number, string]: [any, any]) => void;
     onFocus?: () => void;
 };
-export declare const DateIntervalSelector: ({ interval: [value, unit], onChange, onFocus }: Props) => JSX.Element;
+export declare const DateIntervalSelector: ({ interval: [value, unit], onChange, onFocus }: Props) => React.JSX.Element;
 export {};

package/cjs/DateRangeEditor/DateRangeEditor.d.ts

@@ -31,7 +31,7 @@ declare const _default: {
             maxDate?: Date;
         } & React.RefAttributes<HTMLDivElement>>;
         MenuProps?: Partial<import("@mui/material").MenuProps>;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/cjs/DefaultCellValueRenderer/DefaultCellValueRenderer.d.ts

@@ -5,5 +5,5 @@ type Props = {
     columnData: ColumnData;
     className?: string;
 };
-export declare const DefaultCellValueRenderer: (props: Props) => JSX.Element;
+export declare const DefaultCellValueRenderer: (props: Props) => React.JSX.Element;
 export {};

package/cjs/DeleteButton/DeleteButton.d.ts

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

package/cjs/DependentLookupEditor/DependentLookupEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Lookups, LookupValue } from '@reltio/mdm-sdk';
 import { TextFieldProps } from '@mui/material/TextField';
 export declare const DEBOUNCE_INTERVAL = 400;
@@ -25,5 +25,5 @@ type Props = {
     placeholder?: string;
     max?: number;
 };
-export declare const DependentLookupEditor: ({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, max, ...otherProps }: Props) => JSX.Element;
+export declare const DependentLookupEditor: ({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, max, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/DescriptionIcon/DescriptionIcon.d.ts

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

package/cjs/Drawer/Drawer.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { DrawerProps } from '@mui/material/Drawer';
 type Props = DrawerProps;
 export declare const Drawer: {
-    ({ open, children, ...otherProps }: Props): JSX.Element;
+    ({ open, children, ...otherProps }: Props): React.JSX.Element;
     displayName: string;
 };
 export {};

package/cjs/DropDownEditor/DropDownEditor.d.ts

@@ -10,5 +10,5 @@ type Props<T> = {
     displayEmpty?: boolean;
     disabled?: boolean;
 } & Omit<React.ComponentProps<typeof MultipliableSelect>, 'children' | 'getValueLabel' | 'onChange' | 'value'>;
-export declare const DropDownEditor: <T extends string | number>({ entries, classes, ...otherProps }: Props<T>) => JSX.Element;
+export declare const DropDownEditor: <T extends string | number>({ entries, classes, ...otherProps }: Props<T>) => React.JSX.Element;
 export {};

package/cjs/DropDownMenuButton/DropDownMenuButton.d.ts

@@ -13,5 +13,5 @@ type Props<T> = {
     onMenuClose?: () => void;
     MenuItemRenderer?: (props: any) => JSX.Element;
 };
-export declare function DropDownMenuButton<T = DropDownMenuItem>({ className, menuId, buttonComponent, buttonContent, menuItems, buttonProps, popoverProps, onMenuOpen, onMenuClose, MenuItemRenderer }: Props<T>): JSX.Element;
+export declare function DropDownMenuButton<T = DropDownMenuItem>({ className, menuId, buttonComponent, buttonContent, menuItems, buttonProps, popoverProps, onMenuOpen, onMenuClose, MenuItemRenderer }: Props<T>): React.JSX.Element;
 export {};

package/cjs/DropDownSelector/DropDownSelector.d.ts

@@ -13,7 +13,7 @@ export function DropDownSelector({ value, label, createLabel, getOptions, option
     textFieldInputRef: any;
     TextFieldProps: any;
     classes: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace DropDownSelector {
     export { DropDownSelectorType as propTypes };
 }
@@ -32,4 +32,5 @@ export namespace DropDownSelectorType {
     let height: PropTypes.Requireable<number>;
     let classes: PropTypes.Requireable<object>;
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/DropDownSelector/components/Menu/Menu.d.ts

@@ -1,8 +1,9 @@
-export function Menu(props: any): JSX.Element;
+export function Menu(props: any): React.JSX.Element;
 export namespace Menu {
     namespace propTypes {
         let children: PropTypes.Validator<PropTypes.ReactElementLike>;
         let selectProps: PropTypes.Validator<object>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/DropDownSelector/components/SingleValue/SingleValue.d.ts

@@ -1,8 +1,9 @@
-export function SingleValue(props: any): JSX.Element;
+export function SingleValue(props: any): React.JSX.Element;
 export namespace SingleValue {
     namespace propTypes {
         let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         let innerProps: PropTypes.Requireable<object>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/EditModeAttributesFactory/EditModeAttributesFactory.d.ts

@@ -1,3 +1,4 @@
 export class EditModeAttributesFactory {
-    static build(attributeType: any, props?: {}): JSX.Element;
+    static build(attributeType: any, props?: {}): React.JSX.Element;
 }
+import React from 'react';

package/cjs/EditModeAttributesFactory/components/EditModeAttribute/EditModeAttribute.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AttributeType } from '@reltio/mdm-sdk';
-export declare const EditModeAttribute: React.ForwardRefExoticComponent<Pick<{
+export declare const EditModeAttribute: React.ForwardRefExoticComponent<Omit<{
     className?: string;
     attributeType: AttributeType;
-} & Record<string, unknown>, string> & React.RefAttributes<HTMLDivElement>>;
+} & Record<string, unknown>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/EditModeAttributesPager/components/AttributeRenderer/AttributeRenderer.d.ts

@@ -10,7 +10,7 @@ type Props = Optional<EditModeAttributesPagerProps<AttributeValue>, 'values'> &
     requestNextPageOfAttributeValues?: (payload: RequestNextPageOfAttributeValuesPayload) => void;
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, highlightedError, highlightedAttribute, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props): JSX.Element;
+    ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, highlightedError, highlightedAttribute, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props): React.JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/cjs/EditModeAttributesPager/components/ImageLineRenderer/ImageLineRenderer.d.ts

@@ -15,5 +15,5 @@ type Props = {
     highlightedError?: React.ContextType<typeof ScrollToElementContext>;
     onDeactivateError?: (id: string) => void;
 };
-export declare const ImageLineRenderer: ({ attributeType, attributeValues, paging, parentUri, showNonOv, onDeleteAttribute, onChangeAttribute, requestNextPageOfAttributeValues, highlightedAttribute, error, highlightedError, onDeactivateError }: Props) => JSX.Element;
+export declare const ImageLineRenderer: ({ attributeType, attributeValues, paging, parentUri, showNonOv, onDeleteAttribute, onChangeAttribute, requestNextPageOfAttributeValues, highlightedAttribute, error, highlightedError, onDeactivateError }: Props) => React.JSX.Element;
 export {};

package/cjs/EditModeAttributesView/EditModeAttributesView.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Entity, Mode, PinnedAttribute } from '@reltio/mdm-sdk';
 type Props = {
     caption?: string;
@@ -9,5 +9,5 @@ type Props = {
     pinnedAttributes?: PinnedAttribute[];
     mode?: Mode;
 };
-export declare const EditModeAttributesView: ({ className, mode, entity, caption, excludeUris, includeUris, pinnedAttributes }: Props) => JSX.Element;
+export declare const EditModeAttributesView: ({ className, mode, entity, caption, excludeUris, includeUris, pinnedAttributes }: Props) => React.JSX.Element;
 export {};

package/cjs/EditorsFactory/EditorsFactory.d.ts

@@ -4,5 +4,6 @@ export class EditorsFactory {
         TextFieldProps: any;
         color: any;
         booleanRadioEditorClassName: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
 }
+import React from 'react';

package/cjs/EmptySearchResult/EmptySearchResult.d.ts

@@ -3,5 +3,5 @@ type Props = React.ComponentPropsWithoutRef<'div'> & {
     className?: string;
     variant?: 'noResults' | 'noData';
 };
-export declare const EmptySearchResult: ({ className, variant, ...other }: Props) => JSX.Element;
+export declare const EmptySearchResult: ({ className, variant, ...other }: Props) => React.JSX.Element;
 export {};

package/cjs/EmptyState/EmptyState.d.ts

@@ -20,5 +20,5 @@ type Props = {
     access?: boolean;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
-export declare const EmptyState: ({ variant, LogoRenderer, text, secondaryText, buttonTitle, onClick, access }: Props) => JSX.Element;
+export declare const EmptyState: ({ variant, LogoRenderer, text, secondaryText, buttonTitle, onClick, access }: Props) => React.JSX.Element;
 export {};

package/cjs/EntityAvatar/EntityAvatar.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { Entity } from '@reltio/mdm-sdk';
 type Props = {
     entity: Entity;
     avatarClassName?: string;
     imageClassName?: string;
 };
-export declare const EntityAvatar: ({ entity, avatarClassName, imageClassName }: Props) => JSX.Element;
+export declare const EntityAvatar: ({ entity, avatarClassName, imageClassName }: Props) => React.JSX.Element;
 export {};

package/cjs/EntityCreator/EntityCreator.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeType, Mode, TEntityType } from '@reltio/mdm-sdk';
 type Props = {
     entityUri: string;
@@ -6,5 +6,5 @@ type Props = {
     mode: Mode;
     attributeTypesSelectionStrategy?: (entityType: TEntityType) => AttributeType[];
 };
-export declare const EntityCreator: ({ entityUri, entityType, mode, attributeTypesSelectionStrategy }: Props) => JSX.Element;
+export declare const EntityCreator: ({ entityUri, entityType, mode, attributeTypesSelectionStrategy }: Props) => React.JSX.Element;
 export {};

package/cjs/EntitySelector/EntitySelector.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ConnectionEntity, Mode, Metadata, GlobalSearchRequestOptions, TEntityType, AttributeType, PrimitiveValue } from '@reltio/mdm-sdk';
 import { TextFieldProps } from '@mui/material/TextField';
 import { EntityOption as EntityOptionType } from './types';
@@ -19,5 +19,5 @@ type Props = {
     isDisabled?: boolean;
     isMasked?: boolean;
 };
-export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, ...otherProps }: Props) => JSX.Element;
+export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/EntitySelector/components/ClearIndicator/ClearIndicator.d.ts

@@ -1,7 +1,8 @@
-export function ClearIndicator(props: any): JSX.Element;
+export function ClearIndicator(props: any): React.JSX.Element;
 export namespace ClearIndicator {
     namespace propTypes {
         let selectProps: PropTypes.Validator<object>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/EntitySelector/components/EntityOption/EntityOption.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import React, { ForwardedRef } from 'react';
 import { MenuItemProps } from '@mui/material/MenuItem';
 import { EntityOption as EntityOptionType } from '../../types';
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     data: EntityOptionType;
     isFocused: boolean;
 };
-export declare const EntityOption: ({ innerRef, innerProps, selectOption, data, isFocused }: Props) => JSX.Element;
+export declare const EntityOption: ({ innerRef, innerProps, selectOption, data, isFocused }: Props) => React.JSX.Element;
 export {};

package/cjs/EntitySelector/components/Group/Group.d.ts

@@ -1,4 +1,4 @@
-export function Group(props: any): JSX.Element;
+export function Group(props: any): React.JSX.Element;
 export namespace Group {
     namespace propTypes {
         let selectProps: PropTypes.Validator<object>;
@@ -6,4 +6,5 @@ export namespace Group {
         let children: PropTypes.Requireable<any[]>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/EntitySelector/components/SingleValue/SingleValue.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TEntityType } from '@reltio/mdm-sdk';
 type Props = {
     selectProps: {
@@ -11,5 +11,5 @@ type Props = {
         entityUri: string;
     };
 };
-export declare const SingleValue: ({ selectProps: { currentEntityType, menuIsOpen, disableLinkClick }, children, data }: Props) => JSX.Element;
+export declare const SingleValue: ({ selectProps: { currentEntityType, menuIsOpen, disableLinkClick }, children, data }: Props) => React.JSX.Element;
 export {};

package/cjs/EntityTypeBadge/EntityTypeBadge.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { Entity } from '@reltio/mdm-sdk';
 type Props = {
     entity: Entity;
     className?: string;
     size?: 'small' | 'medium';
 };
-export declare const EntityTypeBadge: ({ entity, className, size }: Props) => JSX.Element;
+export declare const EntityTypeBadge: ({ entity, className, size }: Props) => React.JSX.Element;
 export {};

package/cjs/EntityTypeIcon/EntityTypeIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TEntityType } from '@reltio/mdm-sdk';
 type Props = {
     entityType: TEntityType;
@@ -7,5 +7,5 @@ type Props = {
     backgroundColor?: string;
     color?: string;
 };
-export declare const EntityTypeIcon: (props: Props) => JSX.Element;
+export declare const EntityTypeIcon: (props: Props) => React.JSX.Element;
 export {};

package/cjs/EntityTypesSelector/EntityTypesSelector.d.ts

@@ -13,5 +13,5 @@ type Props = {
     ListLabelProps?: MetadataTypesSelectorProps['ListLabelProps'];
     disabled?: boolean;
 };
-export declare const EntityTypesSelector: React.MemoExoticComponent<({ entityTypes, selectedEntityTypes, single, placeholder, enableEmptyValueUnderline, onChange, classes, ListLabelProps, disabled }: Props) => JSX.Element>;
+export declare const EntityTypesSelector: React.MemoExoticComponent<({ entityTypes, selectedEntityTypes, single, placeholder, enableEmptyValueUnderline, onChange, classes, ListLabelProps, disabled }: Props) => React.JSX.Element>;
 export {};