@reltio/components 1.4.1947 → 1.4.1949

package/esm/SmallIconButton/index.d.ts

@@ -1,16 +1,12 @@
 /// <reference types="react" />
 import { SmallIconButton } from './SmallIconButton';
-declare const SmallIconButtonWithTooltip: import("react").ForwardRefExoticComponent<Pick<{
+declare const SmallIconButtonWithTooltip: import("react").ForwardRefExoticComponent<Omit<{
     tooltipTitle?: import("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;
-} & Pick<Omit<import("@mui/material").IconButtonProps, "size"> & {
+} & Omit<Omit<import("@mui/material").IconButtonProps, "size"> & {
     iconClassName?: string;
     icon?: import("react").ElementType<any>;
     size?: "XXS" | "XS" | "S" | "M" | "MPlus" | "L" | "XL";
-}, "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" | "value" | "form" | "key" | "name" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "type" | "iconClassName"> & import("react").RefAttributes<HTMLButtonElement>, "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" | "value" | "form" | "key" | keyof {
-    tooltipTitle?: import("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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "type" | "iconClassName"> & import("react").RefAttributes<HTMLElement>>;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export { SmallIconButton, SmallIconButtonWithTooltip };

package/esm/SourceIcon/SourceIcon.d.ts

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

package/esm/SourceItem/SourceItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Crosswalk } from '@reltio/mdm-sdk';
 type Props = {
     crosswalk: Crosswalk;
@@ -6,5 +6,5 @@ type Props = {
     focusable?: boolean;
     className?: string;
 };
-export declare const SourceItem: ({ crosswalk, color, className, focusable }: Props) => JSX.Element;
+export declare const SourceItem: ({ crosswalk, color, className, focusable }: Props) => React.JSX.Element;
 export {};

package/esm/SourceSystemsSelector/SourceSystemsSelector.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextFieldProps as TextFieldPropsType } from '@mui/material/TextField';
 type Props = {
     values?: string[];
@@ -7,7 +7,7 @@ type Props = {
     fullWidth?: boolean;
 };
 export declare const SourceSystemsSelector: {
-    ({ values, onChange, TextFieldProps, fullWidth }: Props): JSX.Element;
+    ({ values, onChange, TextFieldProps, fullWidth }: Props): React.JSX.Element;
     displayName: string;
 };
 export {};

package/esm/Spacer/Spacer.d.ts

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

package/esm/SpecialAttributesArray/SpecialAttributesArray.d.ts

@@ -5,5 +5,5 @@ type Props = {
     Component: React.ElementType;
     dataReltioId?: string;
 };
-export declare const SpecialAttributesArray: ({ className, values, Component, dataReltioId }: Props) => JSX.Element;
+export declare const SpecialAttributesArray: ({ className, values, Component, dataReltioId }: Props) => React.JSX.Element;
 export {};

package/esm/StepNavigation/StepNavigation.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     activeStep: number;
     steps: {
@@ -12,5 +12,5 @@ type Props = {
     onConfirm?: () => void;
     onChangeStep: (step: number) => void;
 };
-export declare const StepNavigation: ({ activeStep, steps, isPending, shouldCompleteSteps, onConfirm, onChangeStep }: Props) => JSX.Element;
+export declare const StepNavigation: ({ activeStep, steps, isPending, shouldCompleteSteps, onConfirm, onChangeStep }: Props) => React.JSX.Element;
 export {};

package/esm/StepNavigation/components/ProgressButton/ProgressButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps } from '@mui/material/Button';
 import { CircularProgressProps } from '@mui/material/CircularProgress';
 type Props = ButtonProps & {
     isInProgress: boolean;
     circularColor?: CircularProgressProps['color'];
 };
-export declare const ProgressButton: ({ isInProgress, disabled, circularColor, className, children, ...otherButtonProps }: Props) => JSX.Element;
+export declare const ProgressButton: ({ isInProgress, disabled, circularColor, className, children, ...otherButtonProps }: Props) => React.JSX.Element;
 export {};

package/esm/TableSkeleton/TableSkeleton.d.ts

@@ -5,5 +5,5 @@ type Props = Omit<React.ComponentProps<typeof BasicTable>, 'rowsData' | 'renderR
     tableColumnsData: ColumnData[];
     RowCellRenderer?: (props: RenderRowCellProps) => JSX.Element;
 };
-export declare const TableSkeleton: ({ tableColumnsData, RowCellRenderer, ...props }: Props) => JSX.Element;
+export declare const TableSkeleton: ({ tableColumnsData, RowCellRenderer, ...props }: Props) => React.JSX.Element;
 export {};

package/esm/TableWithBars/TableWithBars.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { ChartType, TableWithBarsOptions } from '@reltio/mdm-sdk';
 import { BaseChartProps } from '../types/charts';
 type Props = BaseChartProps & {
@@ -6,5 +6,5 @@ type Props = BaseChartProps & {
     basicTableRef?: RefObject<HTMLDivElement>;
     options?: TableWithBarsOptions;
 };
-export declare const TableWithBars: ({ width, height, data, options, basicTableRef, onItemClick }: Props) => JSX.Element;
+export declare const TableWithBars: ({ width, height, data, options, basicTableRef, onItemClick }: Props) => React.JSX.Element;
 export {};

package/esm/TableWithBars/components/AttributeCellRenderer/AttributeCellRenderer.d.ts

@@ -3,7 +3,7 @@ type Props = {
     value?: string;
     onClick?: () => void;
 };
-export declare const AttributeCellRenderer: ({ value, onClick }: Props) => JSX.Element;
+export declare const AttributeCellRenderer: ({ value, onClick }: Props) => React.JSX.Element;
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
 }>;

package/esm/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type HeadCellRendererProps = {
     className?: string;
     headCellData: {
         label: string;
     };
 };
-export declare const HeadCellRenderer: ({ className, headCellData, ...otherProps }: HeadCellRendererProps) => JSX.Element;
+export declare const HeadCellRenderer: ({ className, headCellData, ...otherProps }: HeadCellRendererProps) => React.JSX.Element;
 export {};

package/esm/TableWithBars/components/NumberCellValueRenderer/NumberCellValueRenderer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type NumberCellValueRendererProps = {
     value: number;
     columnData: {
@@ -9,5 +9,5 @@ type NumberCellValueRendererProps = {
         isLoading?: boolean;
     };
 };
-export declare const NumberCellValueRenderer: ({ value, columnData: { maxValue }, rowValue: { onLoadButtonClick, isLoading } }: NumberCellValueRendererProps) => JSX.Element;
+export declare const NumberCellValueRenderer: ({ value, columnData: { maxValue }, rowValue: { onLoadButtonClick, isLoading } }: NumberCellValueRendererProps) => React.JSX.Element;
 export {};

package/esm/Tags/Tags.d.ts

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

package/esm/Tags/components/Tag/Tag.d.ts

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

package/esm/TagsEditor/TagsEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeItem } from '@reltio/mdm-sdk';
 export type Props = {
     className?: string;
@@ -6,4 +6,4 @@ export type Props = {
     onChange: (param: AttributeItem) => void;
     onDelete?: (param: AttributeItem) => void;
 };
-export declare const TagsEditor: ({ className, values, onChange, onDelete }: Props) => JSX.Element;
+export declare const TagsEditor: ({ className, values, onChange, onDelete }: Props) => React.JSX.Element;

package/esm/TenantIcon/TenantIcon.d.ts

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

package/esm/TenantLabel/TenantLabel.d.ts

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

package/esm/TenantsDropDownSelector/TenantsDropDownSelector.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { DataTenant } from '@reltio/mdm-sdk';
 type Props = {
     selectedTenant: DataTenant;
     entityTypeUri: string;
     onChangeTenant: (tenant: DataTenant) => void;
 };
-export declare const TenantsDropDownSelector: ({ entityTypeUri, onChangeTenant, selectedTenant }: Props) => JSX.Element;
+export declare const TenantsDropDownSelector: ({ entityTypeUri, onChangeTenant, selectedTenant }: Props) => React.JSX.Element;
 export {};

package/esm/TextEditor/TextEditor.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { MultipleInput } from '../MultipleInput';
 import { SimpleInput } from '../SimpleInput';
 type SimpleInputProps = ComponentProps<typeof SimpleInput>;
@@ -9,5 +9,5 @@ type Props = {
     getValueLabel?: MultipleInputProps['getValueLabel'];
     multiline?: SimpleInputProps['multiline'];
 } & (SimpleInputProps | MultipleInputProps);
-export declare const TextEditor: ({ multiple, value, getValueLabel, multiline, ...otherProps }: Props) => JSX.Element;
+export declare const TextEditor: ({ multiple, value, getValueLabel, multiline, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/esm/TimestampEditor/TimestampEditor.d.ts

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

package/esm/TransitiveMatchBlock/TransitiveMatchBlock.d.ts

@@ -1,20 +1,16 @@
 import React from 'react';
 import { MatchRuleSummary, TransitiveMatchRule as TransitiveMatchRuleType } from '@reltio/mdm-sdk';
-export declare const MatchRuleBadgeWithTooltip: React.ForwardRefExoticComponent<Pick<{
+export declare const MatchRuleBadgeWithTooltip: 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;
-} & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key">, "onClick"> & {
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onClick"> & {
     expanded?: boolean;
     onExpand?: React.MouseEventHandler<HTMLDivElement>;
-} & React.RefAttributes<HTMLDivElement>, "color" | "translate" | "hidden" | "style" | "expanded" | "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" | "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" | "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;
-} | "onExpand"> & React.RefAttributes<HTMLElement>>;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 type Props = {
     transitiveMatchRules: TransitiveMatchRuleType[];
     matchRuleSummaries?: MatchRuleSummary[];
 };
-export declare const TransitiveMatchBlock: ({ transitiveMatchRules, matchRuleSummaries }: Props) => JSX.Element;
+export declare const TransitiveMatchBlock: ({ transitiveMatchRules, matchRuleSummaries }: Props) => React.JSX.Element;
 export {};

package/esm/TransitiveMatchRule/TransitiveMatchRule.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { MatchRule, MatchRuleSummary } from '@reltio/mdm-sdk';
 type Props = {
     label: string;
     matchRules: MatchRule[];
     matchRuleSummaries?: MatchRuleSummary[];
 };
-export declare const TransitiveMatchRule: ({ label, matchRules, matchRuleSummaries }: Props) => JSX.Element;
+export declare const TransitiveMatchRule: ({ label, matchRules, matchRuleSummaries }: Props) => React.JSX.Element;
 export {};

package/esm/TransitiveMatchRulesTooltip/TransitiveMatchRulesTooltip.d.ts

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

package/esm/TreeChart/TreeChart.d.ts

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

package/esm/TreeChart/components/CustomizedContent/CustomizedContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     x?: number;
     y?: number;
@@ -8,4 +8,4 @@ export type Props = {
     group?: string;
     onClick?: (group: string) => void;
 };
-export declare const CustomizedContent: ({ x, y, width, height, label, onClick, group }: Props) => JSX.Element;
+export declare const CustomizedContent: ({ x, y, width, height, label, onClick, group }: Props) => React.JSX.Element;

package/esm/TypeaheadEditor/TypeaheadEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
 type CommonProps = Omit<TextFieldProps, 'onChange' | 'value'> & {
     getSuggestions?: (value: string, pageSize: number, pageNumber?: number) => Promise<string[]>;
@@ -18,5 +18,5 @@ type SingleProps = CommonProps & {
     multiple?: false;
 };
 type Props = MultipleProps | SingleProps;
-export declare const TypeaheadEditor: ({ value: valueProp, max, getSuggestions, onChange, multiple, fullWidth, InputProps, isCrossedOut, ...inputProps }: Props) => JSX.Element;
+export declare const TypeaheadEditor: ({ value: valueProp, max, getSuggestions, onChange, multiple, fullWidth, InputProps, isCrossedOut, ...inputProps }: Props) => React.JSX.Element;
 export {};

package/esm/UpSetChart/UpSetChart.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type DataItem = {
+    name: string;
+    sets: string[];
+};
+type Props = {
+    width: number;
+    height: number;
+    data: DataItem[];
+};
+export declare const UpSetChart: ({ width, height, data }: Props) => React.JSX.Element;
+export {};

package/esm/UpSetChart/UpSetChart.js

@@ -0,0 +1,19 @@
+import React, { useMemo, useState } from 'react';
+import i18n from 'ui-i18n';
+import { extractCombinations, UpSetJS } from '@upsetjs/react';
+import { NOT_MEMBER_COLOR, PRIMARY_COLOR, SECONDARY_COLOR, TEXT_COLOR } from './constants';
+import { useStyles } from './styles';
+export var UpSetChart = function (_a) {
+    var width = _a.width, height = _a.height, data = _a.data;
+    var styles = useStyles();
+    var _b = useState(null), selection = _b[0], setSelection = _b[1];
+    var _c = useMemo(function () { return extractCombinations(data); }, [data]), sets = _c.sets, combinations = _c.combinations;
+    if (!width || !height)
+        return null;
+    return (React.createElement(UpSetJS, { width: width, height: height, sets: sets, combinations: combinations, selection: selection, onHover: setSelection, barPadding: 0.6, dotPadding: 0.5, barLabelOffset: 4, exportButtons: false, heightRatios: [0.65], combinationName: i18n.text('No. of unified profiles'), setName: "", setLabelAlignment: "left", alternatingBackgroundColor: "transparent", notMemberColor: NOT_MEMBER_COLOR, hasSelectionColor: SECONDARY_COLOR, selectionColor: PRIMARY_COLOR, color: PRIMARY_COLOR, textColor: TEXT_COLOR, fontFamily: "inherit", classNames: {
+            setLabel: styles.setLabel,
+            barLabel: styles.barLabel,
+            axisTick: styles.axisTick,
+            chartLabel: styles.chartLabel
+        } }));
+};

package/esm/UpSetChart/UpSetChart.test.d.ts

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

package/esm/UpSetChart/UpSetChart.test.js

@@ -0,0 +1,62 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { render } from '@testing-library/react';
+import { UpSetChart } from './UpSetChart';
+var defaultData = [
+    { name: '1', sets: ['Salesforce'] },
+    { name: '2', sets: ['SAP'] },
+    { name: '3', sets: ['ServiceNow'] },
+    { name: '4', sets: ['D&B'] },
+    { name: '5', sets: ['Reltio'] },
+    { name: '6', sets: ['Salesforce', 'SAP'] },
+    { name: '7', sets: ['Salesforce', 'D&B'] },
+    { name: '8', sets: ['Salesforce', 'Reltio'] },
+    { name: '9', sets: ['ServiceNow', 'Reltio'] },
+    { name: '10', sets: ['Salesforce', 'D&B'] },
+    { name: '11', sets: ['SAP', 'D&B'] },
+    { name: '12', sets: ['SAP', 'ServiceNow'] },
+    { name: '13', sets: ['Salesforce', 'D&B', 'Reltio'] },
+    { name: '14', sets: ['Salesforce', 'SAP', 'Reltio'] },
+    { name: '15', sets: ['Salesforce', 'ServiceNow'] }
+];
+var defaultProps = {
+    data: defaultData,
+    width: 600,
+    height: 400
+};
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    return render(React.createElement(UpSetChart, __assign({}, props)));
+};
+describe('UpSetChart', function () {
+    beforeEach(function () {
+        jest.spyOn(Math, 'random').mockReturnValue(0.5);
+    });
+    afterEach(function () {
+        jest.spyOn(Math, 'random').mockRestore();
+    });
+    it('should render correctly', function () {
+        var container = setUp().container;
+        expect(container).toMatchSnapshot();
+    });
+    it('should render nothing if width is 0 or undefined', function () {
+        var props = __assign(__assign({}, defaultProps), { width: 0 });
+        var container = setUp(props).container;
+        expect(container).toBeEmptyDOMElement();
+    });
+    it('should render nothing if height is 0 or undefined', function () {
+        var props = __assign(__assign({}, defaultProps), { height: 0 });
+        var container = setUp(props).container;
+        expect(container).toBeEmptyDOMElement();
+    });
+});

package/esm/UpSetChart/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const NOT_MEMBER_COLOR = "rgb(238, 238, 238)";
+export declare const PRIMARY_COLOR = "rgb(0, 0, 102)";
+export declare const SECONDARY_COLOR = "rgba(0, 0, 102, 0.2)";
+export declare const TEXT_COLOR = "rgba(0, 0, 0, 0.87)";

package/esm/UpSetChart/constants.js

@@ -0,0 +1,4 @@
+export var NOT_MEMBER_COLOR = 'rgb(238, 238, 238)';
+export var PRIMARY_COLOR = 'rgb(0, 0, 102)';
+export var SECONDARY_COLOR = 'rgba(0, 0, 102, 0.2)';
+export var TEXT_COLOR = 'rgba(0, 0, 0, 0.87)';

package/esm/UpSetChart/index.d.ts

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

package/esm/UpSetChart/index.js

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

package/esm/UpSetChart/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"setLabel" | "barLabel" | "axisTick" | "chartLabel">;

package/esm/UpSetChart/styles.js

@@ -0,0 +1,16 @@
+import { makeStyles } from '@mui/styles';
+export var useStyles = makeStyles(function (theme) { return ({
+    setLabel: {
+        fontSize: '13px !important'
+    },
+    barLabel: {
+        fontSize: '12px !important'
+    },
+    axisTick: {
+        fontSize: '12px !important'
+    },
+    chartLabel: {
+        fill: "".concat(theme.palette.text.secondary, " !important"),
+        fontSize: '10px !important'
+    }
+}); });

package/esm/UploadFileButton/UploadFileButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     link: string;
     filename: string;
@@ -8,5 +8,5 @@ type Props = {
     supportedFileTypes?: string[];
     isValidLink?: boolean;
 };
-export declare const UploadFileButton: ({ link, filename, onUpload, onError, onCancel, supportedFileTypes, isValidLink }: Props) => JSX.Element;
+export declare const UploadFileButton: ({ link, filename, onUpload, onError, onCancel, supportedFileTypes, isValidLink }: Props) => React.JSX.Element;
 export {};

package/esm/UploadFileButton/components/UploadMode/UploadMode.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     supportedFileTypes?: string[];
     onUpload: (file: File) => void;
     onBeforeUpload: () => void;
 };
-export declare const UploadMode: ({ supportedFileTypes, onUpload, onBeforeUpload }: Props) => JSX.Element;
+export declare const UploadMode: ({ supportedFileTypes, onUpload, onBeforeUpload }: Props) => React.JSX.Element;
 export {};

package/esm/UploadImageDialog/UploadImageDialog.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ImageHostingItem } from '@reltio/mdm-sdk';
 type Props = {
     open: boolean;
     onUpload: (image: ImageHostingItem) => void;
     onClose?: () => void;
 };
-export declare const UploadImageDialog: ({ open, onClose, onUpload }: Props) => JSX.Element;
+export declare const UploadImageDialog: ({ open, onClose, onUpload }: Props) => React.JSX.Element;
 export {};

package/esm/UploadImageDialog/components/DividerWithText/DividerWithText.d.ts

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

package/esm/UploadImageDialog/components/ErrorSnackbar/ErrorSnackbar.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     error: string | null;
     onClose?: () => void;
 };
-export declare const ErrorSnackbar: ({ error, onClose }: Props) => JSX.Element;
+export declare const ErrorSnackbar: ({ error, onClose }: Props) => React.JSX.Element;
 export {};

package/esm/UploadImageDialog/components/ImageByUrlField/ImageByUrlField.d.ts

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