@reltio/components 1.4.1771 → 1.4.1773

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

@@ -8,6 +8,6 @@ export declare const getRowsDataFromFilters: (filters: SearchFilter[], attribute
     filter: string;
     operator: import("@reltio/mdm-sdk").SearchOperator;
     id: number;
-    values: (import("@reltio/mdm-sdk").PrimitiveValue | Pick<import("@reltio/mdm-sdk").SimpleAttributeValue, "value" | "lookupCode">)[] | [(import("@reltio/mdm-sdk").PrimitiveValue | Pick<import("@reltio/mdm-sdk").SimpleAttributeValue, "value" | "lookupCode">)[]];
+    values: import("@reltio/mdm-sdk").SearchValue[];
 }[];
 export declare const getEntityTypeFromAttrTypes: (attributeTypes: AttributeType[]) => any;

package/cjs/components/BasicTableView/BasicTablePagination/BasicTablePagination.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TablePaginationProps } from '@mui/material/TablePagination';
 type BasicTablePaginationProps = {
     classes?: TablePaginationProps['classes'];
-    basicTableRef?: React.Ref<HTMLElement>;
+    basicTableRef?: React.RefObject<HTMLElement>;
     count?: number;
     page?: number;
     rowsPerPage?: number;

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

@@ -17,7 +17,7 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
     variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: React.Ref<HTMLAnchorElement>;
-}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
+}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "margin" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
     component: string;
 }>;
 type Props = {

package/cjs/components/RelationEditor/RelationEditor.js

@@ -92,7 +92,9 @@ var RelationEditor = function (_a) {
     var _d = (0, hooks_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _d.ref, errorClassName = _d.errorClassName;
     var _e = (0, react_1.useMemo)(function () {
         return (0, mdm_sdk_1.getInOutRelations)({
-            content: connection.parentEntityUri ? config.contentSecondLevel : config.content,
+            content: connection.parentEntityUri
+                ? config.contentSecondLevel
+                : config.content,
             direction: direction,
             relationType: relationType,
             mode: mode,

package/cjs/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -59,6 +59,7 @@ var PivotingTooltip = function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     });
+    var popupConfiguration = pivotingAttribute === null || pivotingAttribute === void 0 ? void 0 : pivotingAttribute.popup;
     var convertPivotingValue = function () {
         return Array.isArray(pivotingValue)
             ? (0, helpers_1.convertNestedAttributePivotingValue)(pivotingValue)
@@ -69,11 +70,11 @@ var PivotingTooltip = function (_a) {
         openPivotingPerspective({ value: generatedValue, attributeType: attributeType });
     };
     var _b = (0, usePivotingDataLoader_1.usePivotingDataLoader)({
-        value: pivotingValue,
         attributeType: attributeType,
-        config: pivotingAttribute === null || pivotingAttribute === void 0 ? void 0 : pivotingAttribute.popup
+        value: pivotingValue,
+        entityType: popupConfiguration === null || popupConfiguration === void 0 ? void 0 : popupConfiguration.entityType
     }), entities = _b.entities, total = _b.total, loadPivotingData = _b.loadPivotingData;
-    return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { arrow: true, placement: "right-start", classes: styles, disableInteractive: false, onOpen: loadPivotingData, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick, entities: entities, total: total }) },
+    return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { arrow: true, placement: "right-start", classes: styles, disableInteractive: false, onOpen: loadPivotingData, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { generatedValue: generatedValue, attributeType: attributeType, label: popupConfiguration === null || popupConfiguration === void 0 ? void 0 : popupConfiguration.label, onSeeAllClick: handleSeeAllClick, entities: entities, total: total }) },
         react_1.default.createElement("span", { className: className },
             react_1.default.createElement(PivotingIcon_1.default, { className: contentStyles.icon }),
             react_1.default.createElement(PivotingUriLink_1.default, { onClick: handleSeeAllClick, className: contentStyles.content, value: generatedValue, attributeType: attributeType }, children)))) : (react_1.default.createElement(react_1.default.Fragment, null, children));

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.d.ts

@@ -2,12 +2,10 @@
 import { AttributeType, Entity, PivotingValue } from '@reltio/mdm-sdk';
 export type Props = {
     attributeType: AttributeType;
-    config: {
-        label?: string;
-    };
+    label?: string;
     entities: Entity[];
     generatedValue: PivotingValue[];
     onSeeAllClick: () => void;
     total: number;
 };
-export declare const PivotingTooltipContent: ({ attributeType, config, entities, generatedValue, onSeeAllClick, total }: Props) => JSX.Element;
+export declare const PivotingTooltipContent: ({ attributeType, label, entities, generatedValue, onSeeAllClick, total }: Props) => JSX.Element;

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -13,16 +13,16 @@ var PivotingUriLink_1 = __importDefault(require("../../PivotingUriLink/PivotingU
 var usePivotingDataLoader_1 = require("../../../hooks/usePivotingDataLoader/usePivotingDataLoader");
 var styles_1 = require("./styles");
 var PivotingTooltipContent = function (_a) {
-    var attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, entities = _a.entities, generatedValue = _a.generatedValue, onSeeAllClick = _a.onSeeAllClick, total = _a.total;
+    var attributeType = _a.attributeType, label = _a.label, entities = _a.entities, generatedValue = _a.generatedValue, onSeeAllClick = _a.onSeeAllClick, total = _a.total;
     var styles = (0, styles_1.useStyles)();
     var shouldShowSeeAllButton = total > usePivotingDataLoader_1.MAX_ENTITIES_PIVOTING_TOOLTIP;
-    var hasEntityTypeLabel = Boolean(config.label);
+    var hasEntityTypeLabel = Boolean(label);
     return (react_1.default.createElement("div", { className: styles.container },
         react_1.default.createElement("div", { className: styles.header },
             react_1.default.createElement("div", { className: styles.title }, ui_i18n_1.default.text('Pivot profiles')),
             react_1.default.createElement("div", { className: styles.divider }),
             react_1.default.createElement("div", { className: styles.headerCount }, ui_i18n_1.default.number(total, '0,0') + ' ' + (total === 1 ? ui_i18n_1.default.text('item') : ui_i18n_1.default.text('items')))),
-        hasEntityTypeLabel && react_1.default.createElement("div", { className: styles.entityTypeLabel }, config.label),
+        hasEntityTypeLabel && react_1.default.createElement("div", { className: styles.entityTypeLabel }, label),
         react_1.default.createElement("div", { className: styles.body }, entities.map(function (visibleEntity) { return (react_1.default.createElement("div", { key: visibleEntity.uri, className: styles.entityContainer },
             react_1.default.createElement(EntityAvatar_1.default, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
             react_1.default.createElement(EntityUriLink_1.default, { className: styles.entityLabel, value: (0, mdm_sdk_1.getEntityUriForLink)(visibleEntity) }, (0, mdm_sdk_1.getLabel)(visibleEntity.label)))); })),

package/cjs/components/charts/BarChart/BarChart.d.ts

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-import { BarChartOptions, ChartProps } from '../types';
-type BarChartProps = ChartProps & {
-    options?: BarChartOptions;
-};
+import { BarChartProps } from '../types';
 declare const BarChart: ({ width, height, data, options, onItemClick }: BarChartProps) => JSX.Element;
 export default BarChart;

package/cjs/components/charts/BarChart/getBarChartSettings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BarChart, BarProps, CartesianGridProps, TooltipProps, XAxisProps, YAxisProps } from 'recharts';
-import { BarChartOptions } from '../types';
+import { BarChartOptions } from '@reltio/mdm-sdk';
 type BarChartSettings = {
     barChart: React.ComponentProps<typeof BarChart>;
     bar: Omit<BarProps, 'ref'>;

package/cjs/components/charts/BubbleChart/BubbleChart.d.ts

@@ -1,24 +1,10 @@
 /// <reference types="react" />
-import { LegendProps } from 'recharts';
-import { ChartProps } from '../types';
-type Props = ChartProps & {
-    options?: {
-        showLegend?: boolean;
-        margin?: LegendProps['margin'];
-    };
-};
-export declare const BubbleChart: ({ width, height, data, options, onItemClick }: Props) => JSX.Element;
+import { BubbleChartProps } from '../types';
+export declare const BubbleChart: ({ width, height, data, options, onItemClick }: BubbleChartProps) => JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: ChartProps & {
-        options?: {
-            showLegend?: boolean;
-            margin?: {
-                top?: number;
-                left?: number;
-                bottom?: number;
-                right?: number;
-            };
-        };
+    ({ data, ...otherProps }: import("../types/charts").BaseChartProps & {
+        chartType?: import("@reltio/mdm-sdk").ChartType.BUBBLE;
+        options?: import("@reltio/mdm-sdk").BubbleChartOptions;
     }): JSX.Element;
     displayName: string;
 };

package/cjs/components/charts/ChartsFactory.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import { ChartProps } from './types';
 export default class ChartsFactory {
-    static build(chartType: any, props?: {}): JSX.Element;
+    static build(props: ChartProps): JSX.Element;
 }

package/cjs/components/charts/ChartsFactory.js

@@ -27,26 +27,25 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ChartsFactory = /** @class */ (function () {
     function ChartsFactory() {
     }
-    ChartsFactory.build = function (chartType, props) {
-        if (props === void 0) { props = {}; }
-        switch (chartType) {
-            case mdm_sdk_1.ChartTypes.BAR:
+    ChartsFactory.build = function (props) {
+        switch (props.chartType) {
+            case mdm_sdk_1.ChartType.BAR:
                 return react_1.default.createElement(BarChart_1.default, __assign({}, props));
-            case mdm_sdk_1.ChartTypes.DONUT:
-                return react_1.default.createElement(PieChart_1.default, __assign({}, props, { isDonut: true }));
-            case mdm_sdk_1.ChartTypes.PIE:
+            case mdm_sdk_1.ChartType.DONUT:
+                return react_1.default.createElement(PieChart_1.default, __assign({ isDonut: true }, props));
+            case mdm_sdk_1.ChartType.PIE:
                 return react_1.default.createElement(PieChart_1.default, __assign({}, props));
-            case mdm_sdk_1.ChartTypes.TREE:
+            case mdm_sdk_1.ChartType.TREE:
                 return react_1.default.createElement(TreeChart_1.default, __assign({}, props));
-            case mdm_sdk_1.ChartTypes.TABLE:
+            case mdm_sdk_1.ChartType.TABLE:
                 return react_1.default.createElement(TableWithBars_1.default, __assign({}, props));
-            case mdm_sdk_1.ChartTypes.BUBBLE:
+            case mdm_sdk_1.ChartType.BUBBLE:
                 return react_1.default.createElement(BubbleChart_1.default, __assign({}, props));
-            case mdm_sdk_1.ChartTypes.LINE:
+            case mdm_sdk_1.ChartType.LINE:
                 return react_1.default.createElement(LineChart_1.default, __assign({}, props));
-            case mdm_sdk_1.ChartTypes.MAP:
+            case mdm_sdk_1.ChartType.MAP:
                 return react_1.default.createElement(MapChart_1.default, __assign({}, props));
-            case mdm_sdk_1.ChartTypes.CLOUD:
+            case mdm_sdk_1.ChartType.CLOUD:
                 return react_1.default.createElement(CloudChart_1.default, __assign({}, props));
             default:
                 return react_1.default.createElement("div", null);

package/cjs/components/charts/CloudChart/CloudChart.d.ts

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

package/cjs/components/charts/LineChart/LineChart.d.ts

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-import { ChartProps, LineChartOptions } from '../types';
-type LineChartProps = ChartProps & {
-    options?: LineChartOptions;
-};
+import { LineChartProps } from '../types';
 declare const LineChart: ({ width, height, data, options, onItemClick }: LineChartProps) => JSX.Element;
 export default LineChart;

package/cjs/components/charts/LineChart/getLineChartSettings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { LineChartOptions } from '@reltio/mdm-sdk';
 import { CartesianGridProps, LineChart, LineProps, TooltipProps, XAxisProps, YAxisProps } from 'recharts';
-import { LineChartOptions } from '../types/LineChartOptions';
 type LineChartSettings = {
     lineChart: React.ComponentProps<typeof LineChart>;
     xAxis: XAxisProps;

package/cjs/components/charts/MapChart/MapChart.d.ts

@@ -1,23 +1,11 @@
 /// <reference types="react" />
-import { ChartProps } from '../types';
-type Props = ChartProps & {
-    options?: {
-        geoUrl?: string;
-        projection?: string;
-        geoIdName?: string;
-        showLegend?: boolean;
-    };
-};
+import { MapChartProps } from '../types';
 export declare const LEGEND_WIDTH = 75;
-export declare const MapChart: ({ data, width, height, options, onItemClick }: Props) => JSX.Element;
+export declare const MapChart: ({ data, width, height, options, onItemClick }: MapChartProps) => JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: ChartProps & {
-        options?: {
-            geoUrl?: string;
-            projection?: string;
-            geoIdName?: string;
-            showLegend?: boolean;
-        };
+    ({ data, ...otherProps }: import("../types/charts").BaseChartProps & {
+        chartType?: import("@reltio/mdm-sdk").ChartType.MAP;
+        options?: import("@reltio/mdm-sdk").MapChartOptions;
     }): JSX.Element;
     displayName: string;
 };

package/cjs/components/charts/MapChart/MapChart.js

@@ -59,9 +59,9 @@ var USA_MAP = 'https://s3.amazonaws.com/reltio-ui-files/map_resources/us-albers.
 var MAP_COLORS = ['#CDE0FE', '#0160AD'];
 exports.LEGEND_WIDTH = 75;
 var MapChart = function (_a) {
-    var data = _a.data, width = _a.width, height = _a.height, options = _a.options, onItemClick = _a.onItemClick;
+    var data = _a.data, width = _a.width, height = _a.height, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
     var styles = (0, styles_1.useStyles)();
-    var _b = options || {}, geoUrl = _b.geoUrl, geoIdName = _b.geoIdName, _c = _b.showLegend, showLegend = _c === void 0 ? true : _c;
+    var geoUrl = options.geoUrl, geoIdName = options.geoIdName, _c = options.showLegend, showLegend = _c === void 0 ? true : _c;
     var values = (0, ramda_1.pluck)('value', data);
     var minValue = Math.min.apply(Math, values);
     var maxValue = Math.max.apply(Math, values);

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

@@ -1,23 +1,11 @@
-import React from 'react';
-import { PieChart as PieChartWidget } from 'recharts';
-import { ChartProps } from '../types';
-type Props = ChartProps & {
-    options?: {
-        margin?: React.ComponentProps<typeof PieChartWidget>['margin'];
-        showLegend?: boolean;
-        showActiveShape?: boolean;
-    };
-    isDonut?: boolean;
-};
-export declare const PieChart: ({ width, height, data, options, isDonut, onItemClick }: Props) => JSX.Element;
+/// <reference types="react" />
+import { PieChartProps } from '../types';
+export declare const PieChart: ({ width, height, data, options, isDonut, onItemClick }: PieChartProps) => JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: ChartProps & {
-        options?: {
-            margin?: import("recharts/types/util/types").Margin;
-            showLegend?: boolean;
-            showActiveShape?: boolean;
-        };
+    ({ data, ...otherProps }: import("../types/charts").BaseChartProps & {
+        chartType?: import("@reltio/mdm-sdk").ChartType.DONUT | import("@reltio/mdm-sdk").ChartType.PIE;
         isDonut?: boolean;
+        options?: import("@reltio/mdm-sdk").PieChartOptions;
     }): JSX.Element;
     displayName: string;
 };

package/cjs/components/charts/TableWithBars/TableWithBars.d.ts

@@ -1,8 +1,4 @@
-import React from 'react';
-import { ChartProps, TableWithBarsOptions } from '../types';
-type TableWithBarsProps = ChartProps & {
-    options?: TableWithBarsOptions;
-    basicTableRef?: React.MutableRefObject<any> | null;
-};
+/// <reference types="react" />
+import { TableWithBarsProps } from '../types';
 declare const TableWithBars: ({ width, height, data, options, basicTableRef, onItemClick }: TableWithBarsProps) => JSX.Element;
 export default TableWithBars;

package/cjs/components/charts/TreeChart/TreeChart.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { ChartProps } from '../types';
-declare const TreeChart: ({ data, width, height, onItemClick }: ChartProps) => JSX.Element;
+import { TreeChartProps } from '../types';
+declare const TreeChart: ({ data, width, height, onItemClick }: TreeChartProps) => JSX.Element;
 export default TreeChart;

package/cjs/components/charts/types/charts.d.ts

@@ -0,0 +1,51 @@
+import { RefObject } from 'react';
+import { ChartType, BarChartOptions, BubbleChartOptions, ChartOptions, CloudChartOptions, LineChartOptions, MapChartOptions, PieChartOptions, TableWithBarsOptions } from '@reltio/mdm-sdk';
+export type ChartData = {
+    value: number;
+    label: string;
+    group: string;
+    localizedValue?: string;
+    percent?: number;
+};
+export type BaseChartProps = {
+    data: ChartData[];
+    width: number;
+    height: number;
+    onItemClick?: (group: string) => void;
+    chartType?: ChartType;
+    options?: ChartOptions;
+};
+export type BarChartProps = BaseChartProps & {
+    chartType?: ChartType.BAR;
+    options?: BarChartOptions;
+};
+export type PieChartProps = BaseChartProps & {
+    chartType?: ChartType.PIE | ChartType.DONUT;
+    isDonut?: boolean;
+    options?: PieChartOptions;
+};
+export type TreeChartProps = BaseChartProps & {
+    chartType?: ChartType.TREE;
+};
+export type TableWithBarsProps = BaseChartProps & {
+    chartType?: ChartType.TABLE;
+    basicTableRef?: RefObject<HTMLDivElement>;
+    options?: TableWithBarsOptions;
+};
+export type BubbleChartProps = BaseChartProps & {
+    chartType?: ChartType.BUBBLE;
+    options?: BubbleChartOptions;
+};
+export type LineChartProps = BaseChartProps & {
+    chartType?: ChartType.LINE;
+    options?: LineChartOptions;
+};
+export type MapChartProps = BaseChartProps & {
+    chartType?: ChartType.MAP;
+    options?: MapChartOptions;
+};
+export type CloudChartProps = BaseChartProps & {
+    chartType?: ChartType.CLOUD;
+    options?: CloudChartOptions;
+};
+export type ChartProps = BarChartProps | PieChartProps | TreeChartProps | TableWithBarsProps | BubbleChartProps | LineChartProps | MapChartProps | CloudChartProps;

package/cjs/components/charts/types/index.d.ts

@@ -1,5 +1 @@
-export type { ChartData } from './ChartData';
-export type { BarChartOptions } from './BarChartOptions';
-export type { ChartProps } from './ChartProps';
-export type { TableWithBarsOptions } from './TableWithBarsOptions';
-export type { LineChartOptions } from './LineChartOptions';
+export type { ChartData, ChartProps, BarChartProps, BubbleChartProps, PieChartProps, TableWithBarsProps, TreeChartProps, LineChartProps, MapChartProps, CloudChartProps } from './charts';

package/cjs/components/history/HistoryTree/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"historyTree" | "graph" | "history" | "buttonContainer" | "shadow">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"graph" | "historyTree" | "history" | "buttonContainer" | "shadow">;

package/cjs/contexts/ConfigPermissionsContext/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ProfileViewConfig } from '@reltio/mdm-sdk';
+import { ProfileView } from '@reltio/mdm-sdk';
 type ConfigPermissionsContextValue = {
     canCreate: boolean;
     canUpdate: boolean;
@@ -8,7 +8,7 @@ type ConfigPermissionsContextValue = {
 declare const ConfigPermissionsContext: React.Context<ConfigPermissionsContextValue>;
 type Props = {
     children: React.ReactNode;
-    view?: ProfileViewConfig;
+    view?: ProfileView;
 };
 declare const ConfigPermissionsContextProvider: ({ children, view }: Props) => JSX.Element;
 declare const useAttributeValueConfigPermissions: (attributeValueUri: string) => {

package/cjs/contexts/MdmModuleContext/context.d.ts

@@ -1,4 +1,4 @@
-import { Metadata, SearchState, AttributesPresentation, Entity, Mode, AttributeType, AttributeError, ImageAttributeValue, SortingStrategy, DependentLookupsConfig, PivotingValue, PivotingAttribute, DataTenant, HistoryDiff, ImageAttributeFieldsOrder, Connection, User, SearchNavigationData, SearchProviderData, Lookups, HistoryMode, HistorySlice, HistoryEvent, RequestNextPageOfAttributeValuesPayload, LookupsForTypeResolvedPayload, RelationsLoadedPayload, CompactRelationType, AddAttributesPayload, ModifyAttributePayload, RemoveAttributePayload, RelationsState, DependentLookupsState, ActivityFilter, SearchOptions, GlobalFilter, LayoutConfig, ProfileConfigItem } from '@reltio/mdm-sdk';
+import { Metadata, SearchState, AttributesPresentation, Entity, Mode, AttributeType, AttributeError, ImageAttributeValue, SortingStrategy, DependentLookupsConfig, PivotingValue, PivotingAttribute, DataTenant, HistoryDiff, ImageAttributeFieldsOrder, Connection, User, SearchNavigationData, SearchProviderData, Lookups, HistoryMode, HistorySlice, HistoryEvent, RequestNextPageOfAttributeValuesPayload, LookupsForTypeResolvedPayload, RelationsLoadedPayload, CompactRelationType, AddAttributesPayload, ModifyAttributePayload, RemoveAttributePayload, RelationsState, DependentLookupsState, ActivityFilter, SearchOptions, GlobalFilter, Layout, Profile } from '@reltio/mdm-sdk';
 import { AnyAction } from '../../types';
 export type MdmModuleValuesContextProps = Partial<{
     autoCloseInterval: number;
@@ -51,8 +51,8 @@ export type MdmModuleValuesContextProps = Partial<{
     searchProviderData: SearchProviderData;
     isWorkflowEnabled: boolean;
     isCollaborationEnabled: boolean;
-    uiConfigLayout: LayoutConfig;
-    uiConfigProfile: ProfileConfigItem[];
+    uiConfigLayout: Layout;
+    uiConfigProfile: Profile;
 }>;
 export type MdmModuleActionsContextProps = Partial<{
     openSearch: (payload: SearchState) => void;
@@ -230,8 +230,8 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     searchProviderData: SearchProviderData;
     isWorkflowEnabled: boolean;
     isCollaborationEnabled: boolean;
-    uiConfigLayout: LayoutConfig;
-    uiConfigProfile: ProfileConfigItem[];
+    uiConfigLayout: Layout;
+    uiConfigProfile: Profile;
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;

package/cjs/hooks/usePivotingDataLoader/usePivotingDataLoader.d.ts

@@ -3,11 +3,9 @@ export declare const MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export type Props = {
     value: PivotingValue[] | PrimitiveValue;
     attributeType: AttributeType;
-    config: {
-        entityType?: string;
-    };
+    entityType?: string;
 };
-export declare const usePivotingDataLoader: ({ value, attributeType, config }: Props) => {
+export declare const usePivotingDataLoader: ({ value, attributeType, entityType: configEntityType }: Props) => {
     entities: Entity[];
     total: number;
     loadPivotingData: () => void;

package/cjs/hooks/usePivotingDataLoader/usePivotingDataLoader.js

@@ -18,13 +18,13 @@ var contexts_1 = require("../../contexts");
 var useSafePromise_1 = require("../useSafePromise");
 exports.MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 var usePivotingDataLoader = function (_a) {
-    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b;
-    var _c = (0, react_1.useState)([]), entities = _c[0], setEntities = _c[1];
-    var _d = (0, react_1.useState)(0), total = _d[0], setTotal = _d[1];
+    var value = _a.value, attributeType = _a.attributeType, configEntityType = _a.entityType;
+    var _b = (0, react_1.useState)([]), entities = _b[0], setEntities = _b[1];
+    var _c = (0, react_1.useState)(0), total = _c[0], setTotal = _c[1];
     var safePromise = (0, useSafePromise_1.useSafePromise)();
-    var entity = (0, contexts_1.useMdmEntity)() || {};
+    var entity = (0, contexts_1.useMdmEntity)();
     var globalSearchRequestOptions = (0, contexts_1.useMdmGlobalSearchRequestOptions)();
-    var entityType = config.entityType || entity.type;
+    var entityType = configEntityType || (entity === null || entity === void 0 ? void 0 : entity.type);
     var filters = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.convertPivotingValueToSearchFilters)({ value: value, attributeType: attributeType, entityType: entityType }); }, [attributeType, entityType, value]);
     var options = (0, react_1.useMemo)(function () { return (__assign({ max: exports.MAX_ENTITIES_PIVOTING_TOOLTIP, sort: 'label' }, (globalSearchRequestOptions || {}))); }, [globalSearchRequestOptions]);
     var loadPivotingData = (0, react_1.useCallback)(function () {

package/cjs/hooks/useRelationsLoader.d.ts

@@ -7,7 +7,7 @@ type Props = {
     filter?: string;
     page: number;
     rowsPerPage: number;
-    config: Pick<RelationsViewConfig | RelationsTableViewConfig, 'suggested' | 'content' | 'id'>;
+    config: Pick<RelationsViewConfig, 'suggested' | 'content' | 'id'> | Pick<RelationsTableViewConfig, 'content' | 'id'>;
     entity: Entity;
     relationActivityFilter?: ActivityFilter;
     mode: Mode;

package/esm/components/AttributesFiltersBuilder/helpers.d.ts

@@ -8,6 +8,6 @@ export declare const getRowsDataFromFilters: (filters: SearchFilter[], attribute
     filter: string;
     operator: import("@reltio/mdm-sdk").SearchOperator;
     id: number;
-    values: (import("@reltio/mdm-sdk").PrimitiveValue | Pick<import("@reltio/mdm-sdk").SimpleAttributeValue, "value" | "lookupCode">)[] | [(import("@reltio/mdm-sdk").PrimitiveValue | Pick<import("@reltio/mdm-sdk").SimpleAttributeValue, "value" | "lookupCode">)[]];
+    values: import("@reltio/mdm-sdk").SearchValue[];
 }[];
 export declare const getEntityTypeFromAttrTypes: (attributeTypes: AttributeType[]) => any;

package/esm/components/BasicTableView/BasicTablePagination/BasicTablePagination.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TablePaginationProps } from '@mui/material/TablePagination';
 type BasicTablePaginationProps = {
     classes?: TablePaginationProps['classes'];
-    basicTableRef?: React.Ref<HTMLElement>;
+    basicTableRef?: React.RefObject<HTMLElement>;
     count?: number;
     page?: number;
     rowsPerPage?: number;

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

@@ -17,7 +17,7 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
     variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: React.Ref<HTMLAnchorElement>;
-}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
+}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "margin" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
     component: string;
 }>;
 type Props = {