@reltio/components 1.4.2270 → 1.4.2272

package/ActionButton/ActionButton.d.ts

@@ -4,7 +4,7 @@ type Props = {
     className?: string;
     disabled?: boolean;
     icon?: React.ElementType;
-    label: string;
+    label?: string;
     description?: string;
     mode: ActionButtonMode;
     onClick?: () => void;

package/ActionButton/ActionButton.js

@@ -32,7 +32,7 @@ import { SmallIconButtonWithTooltip } from '../SmallIconButton';
 import { ActionButtonMode } from '../types';
 import { useStyles } from './styles';
 export var ActionButton = forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? ActionButtonMode.iconButton : _b, label = _a.label, description = _a.description, disabled = _a.disabled, Icon = _a.icon, _c = _a.onClick, onClick = _c === void 0 ? identity : _c, _d = _a.onMenuClose, onMenuClose = _d === void 0 ? identity : _d, otherProps = __rest(_a, ["className", "mode", "label", "description", "disabled", "icon", "onClick", "onMenuClose"]);
+    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? ActionButtonMode.iconButton : _b, _c = _a.label, label = _c === void 0 ? '' : _c, description = _a.description, disabled = _a.disabled, Icon = _a.icon, _d = _a.onClick, onClick = _d === void 0 ? identity : _d, _e = _a.onMenuClose, onMenuClose = _e === void 0 ? identity : _e, otherProps = __rest(_a, ["className", "mode", "label", "description", "disabled", "icon", "onClick", "onMenuClose"]);
     var styles = useStyles();
     var getButtonView = function () {
         var _a, _b;

package/ActionsPanel/types.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type Action = {
-    ActionButton?: (props: any) => React.ReactElement;
+    ActionButton?: React.ComponentType;
     show?: boolean;
     [key: string]: unknown;
 };

package/AsyncReactSelect/AsyncReactSelect.d.ts

@@ -1,8 +1,4 @@
 export declare const AsyncReactSelect: {
-    (props: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): import("react").JSX.Element;
+    ({ components: componentsProp, classes: classesProp, error, TextFieldProps, innerRef, ...selectProps }: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): import("react").JSX.Element;
     displayName: string;
-    defaultProps: {
-        components: {};
-        classes: {};
-    };
 };

package/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -33,8 +33,9 @@ import { useFilterAutoFocus } from '../hooks/useFilterAutoFocus';
 import { AttributesValuesEditor } from '../AttributesValuesEditor';
 import styles from './AttributesFiltersBuilder.module.css';
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: SearchOperator.and, values: [] };
+var EMPTY_OBJECT = {};
 var AttributesFiltersBuilder = function (_a) {
-    var _b = _a.classes, classes = _b === void 0 ? {} : _b, attributesTypesGroups = _a.attributesTypesGroups, attributesTypesGroupFilter = _a.attributesTypesGroupFilter, filters = _a.filters, onChange = _a.onChange, _c = _a.components, components = _c === void 0 ? {} : _c, onFilterAttributeChange = _a.onFilterAttributeChange;
+    var _b = _a.classes, classes = _b === void 0 ? EMPTY_OBJECT : _b, attributesTypesGroups = _a.attributesTypesGroups, attributesTypesGroupFilter = _a.attributesTypesGroupFilter, filters = _a.filters, onChange = _a.onChange, _c = _a.components, components = _c === void 0 ? EMPTY_OBJECT : _c, onFilterAttributeChange = _a.onFilterAttributeChange;
     var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? EmptyStub : _e;
     var actualFilters = useRef(filters);
     var attributesCountRef = useRef(null);

package/AttributesFiltersButton/AttributesFiltersButton.js

@@ -14,7 +14,7 @@ var AttributesFiltersButton = function (_a) {
     var _b;
     var filtersProp = _a.filters, classes = _a.classes, attributesTypesGroups = _a.attributesTypesGroups, attributesTypesGroupFilter = _a.attributesTypesGroupFilter, onChange = _a.onChange, components = _a.components, children = _a.children, onTogglePopup = _a.onTogglePopup, isFiltersAppliedProp = _a.isFiltersApplied, dataReltioId = _a.dataReltioId, onFilterAttributeChange = _a.onFilterAttributeChange, onCancel = _a.onCancel, onClear = _a.onClear, onApply = _a.onApply, FilterButton = _a.FilterButton, _c = _a.ButtonIcon, ButtonIcon = _c === void 0 ? FilterIcon : _c, popoverAnchorRef = _a.popoverAnchorRef, title = _a.title, anchorOrigin = _a.anchorOrigin;
     var styles = useStyles();
-    var buttonRef = useRef();
+    var buttonRef = useRef(null);
     var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
     var _e = useState([]), filters = _e[0], setFilters = _e[1];
     var isFiltersApplied = isFiltersAppliedProp !== null && isFiltersAppliedProp !== void 0 ? isFiltersAppliedProp : !!buildFilterQueryString()(filtersProp);

package/AttributesValuesEditor/AttributesValuesEditor.js

@@ -3,12 +3,14 @@ import { checkIfOptionHasValues, getAttrDataTypeDefinition, getDataTypeDefinitio
 import { FilterValueEditor } from '../FilterValueEditor';
 import { useMdmDisableTimestampLocalization } from '../contexts/MdmModuleContext';
 import { useStyles } from './styles';
+var EMPTY_ARRAY = [];
+var EMPTY_OBJECT = {};
 var AttributesValuesEditor = function (_a) {
     var rowData = _a.rowData, rowContext = _a.rowContext;
     var styles = useStyles();
     var canFilterAcceptValues = (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && checkIfOptionHasValues(rowData.filter);
     var changeFilter = rowContext.changeFilter;
-    var _b = (rowData || {}), _c = _b.values, values = _c === void 0 ? [] : _c, _d = _b.attribute, _e = _d === void 0 ? {} : _d, attrType = _e.attrType, _f = _e.fieldName, fieldName = _f === void 0 ? null : _f, filter = _b.filter, id = _b.id, operator = _b.operator;
+    var _b = (rowData || EMPTY_OBJECT), _c = _b.values, values = _c === void 0 ? EMPTY_ARRAY : _c, _d = _b.attribute, _e = _d === void 0 ? EMPTY_OBJECT : _d, attrType = _e.attrType, _f = _e.fieldName, fieldName = _f === void 0 ? null : _f, filter = _b.filter, id = _b.id, operator = _b.operator;
     var disableTimestampLocalizationFlag = useMdmDisableTimestampLocalization();
     var disableTimestampLocalization = shouldDisableTimestampLocalizationForAttribute(attrType, {
         disableTimestampLocalization: disableTimestampLocalizationFlag

package/AutoSizeList/AutoSizeList.js

@@ -30,7 +30,7 @@ var AutoSizeList = function (_a) {
     var getItemKeyFromData = useCallback(function (data, index) { return (itemKey ? itemKey(index, data) : index); }, [itemKey]);
     var getItemKey = function (index) { return getItemKeyFromData(data, index); };
     var getItemSize = function (index) { return rowHeights[getItemKey(index)] || defaultItemSize; };
-    var localListRef = useRef();
+    var localListRef = useRef(null);
     var listRef = listRefProp || localListRef;
     (_b = listRef.current) === null || _b === void 0 ? void 0 : _b.resetAfterIndex(0, false);
     var Row = useMemo(function () {

package/BasicAttributeSelector/BasicAttributeSelector.js

@@ -32,7 +32,7 @@ var BasicAttributeSelector = function (_a) {
         return Math.min(Math.max(getContainerWidth(filteredItemsGroups), ATTRIBUTES_LIST_WIDTH), ATTRIBUTES_LIST_MAX_WIDTH);
     }, [filteredItemsGroups]);
     var handleOnClose = pipe(tap(pipe(clearSelectedAttributes, clearFilterText, closePopup)), onRestoreFocus);
-    var searchInputRef = useRef();
+    var searchInputRef = useRef(null);
     var onListItemClick = useCallback(function (attribute, checked) {
         onSelect({
             checked: checked,

package/BasicView/BasicView.d.ts

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

package/BubbleChart/BubbleChart.d.ts

@@ -7,10 +7,7 @@ type Props = BaseChartProps & {
 };
 export declare const BubbleChart: ({ width, height, data, options, onItemClick }: Props) => React.JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: BaseChartProps & {
-        chartType?: ChartType.BUBBLE;
-        options?: BubbleChartOptions;
-    }): React.JSX.Element;
+    ({ data, ...otherProps }: Props): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/CloudChart/CloudChart.d.ts

@@ -7,10 +7,7 @@ type Props = BaseChartProps & {
 };
 export declare const CloudChart: ({ width, height, data, options, onItemClick }: Props) => React.JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: BaseChartProps & {
-        chartType?: ChartType.CLOUD;
-        options?: CloudChartOptions;
-    }): React.JSX.Element;
+    ({ data, ...otherProps }: Props): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/CollaborationItem/CollaborationItem.js

@@ -6,7 +6,7 @@ import { SendMessageArea } from './components/SendMessageArea';
 import { useStyles } from './styles';
 var CollaborationItem = function (_a) {
     var uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType, classes = _a.classes, popperRef = _a.popperRef, messagesRef = _a.messagesRef, comment = _a.comment;
-    var inputRef = useRef();
+    var inputRef = useRef(null);
     var styles = useStyles({ classes: classes });
     var handleReply = function () {
         inputRef.current.focus();

package/CollaborationItem/components/Comment/Comment.js

@@ -18,7 +18,7 @@ import { useStyles } from './styles';
 export var Comment = function (_a) {
     var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType;
     var styles = useStyles();
-    var inputRef = useRef();
+    var inputRef = useRef(null);
     var username = useMdmUsername();
     var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime, status = comment.status;
     var isResolved = status === 'resolved';

package/CollaborationItem/components/RepliedComment/RepliedComment.js

@@ -16,7 +16,7 @@ import { SendMessageArea } from '../SendMessageArea';
 import { useStyles } from './styles';
 export var RepliedComment = function (_a) {
     var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
-    var inputRef = useRef();
+    var inputRef = useRef(null);
     var username = useMdmUsername();
     var createdBy = reply.createdBy, action = reply.action, createdTime = reply.createdTime;
     var canChangeReply = createdBy === username && comment.status !== 'resolved';

package/ConfigureColumnsPopup/ConfigureColumnsPopup.js

@@ -43,8 +43,9 @@ import { useStyles } from './styles';
 var ITEM_HEIGHT = 32;
 var LIST_CONTAINER_HEIGHT = 300;
 var DEFAULT_MIN_CONTAINER_WIDTH = 318;
+var EMPTY_ARRAY = [];
 export var ConfigureColumnsPopup = function (_a) {
-    var open = _a.open, anchorEl = _a.anchorEl, _b = _a.data, data = _b === void 0 ? [] : _b, onSearch = _a.onSearch, onClose = _a.onClose, _c = _a.titleText, titleText = _c === void 0 ? i18n.text('Show/hide columns') : _c, _d = _a.filterText, filterText = _d === void 0 ? '' : _d, onListItemClick = _a.onListItemClick, _e = _a.selected, selected = _e === void 0 ? [] : _e, _f = _a.hideCheckBox, hideCheckBox = _f === void 0 ? false : _f, renderGroupTitle = _a.renderGroupTitle, otherProps = __rest(_a, ["open", "anchorEl", "data", "onSearch", "onClose", "titleText", "filterText", "onListItemClick", "selected", "hideCheckBox", "renderGroupTitle"]);
+    var open = _a.open, anchorEl = _a.anchorEl, _b = _a.data, data = _b === void 0 ? EMPTY_ARRAY : _b, onSearch = _a.onSearch, onClose = _a.onClose, _c = _a.titleText, titleText = _c === void 0 ? i18n.text('Show/hide columns') : _c, _d = _a.filterText, filterText = _d === void 0 ? '' : _d, onListItemClick = _a.onListItemClick, _e = _a.selected, selected = _e === void 0 ? EMPTY_ARRAY : _e, _f = _a.hideCheckBox, hideCheckBox = _f === void 0 ? false : _f, renderGroupTitle = _a.renderGroupTitle, otherProps = __rest(_a, ["open", "anchorEl", "data", "onSearch", "onClose", "titleText", "filterText", "onListItemClick", "selected", "hideCheckBox", "renderGroupTitle"]);
     var filterItem = useCallback(function (item) {
         return item.label.toLowerCase().includes(filterText.toLowerCase());
     }, [filterText]);

package/CreatableReactSelect/CreatableReactSelect.d.ts

@@ -1,8 +1,4 @@
 export declare const CreatableReactSelect: {
-    (props: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): import("react").JSX.Element;
+    ({ components: componentsProp, classes: classesProp, error, TextFieldProps, innerRef, ...selectProps }: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): import("react").JSX.Element;
     displayName: string;
-    defaultProps: {
-        components: {};
-        classes: {};
-    };
 };

package/DataTypeValueEditor/useEditorContext.test.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { getFacetedAttributeData, DataTypes, getLookups, getDependentLookups, resolveLookupsList } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { useEditorContext } from './useEditorContext';

package/DependentLookupEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"placeholder" | "option" | "dropdownIndicator" | "clearIndicator" | "isCrossedOut">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"option" | "placeholder" | "dropdownIndicator" | "clearIndicator" | "isCrossedOut">;

package/DropDownMenuButton/DropDownMenuButton.d.ts

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

package/DropDownMenuButton/DropDownMenuButton.js

@@ -17,12 +17,14 @@ import Menu from '@mui/material/Menu';
 import { DefaultMenuItemRenderer } from './components/DefaultMenuItemRenderer';
 import { useDidUpdateEffect } from '../hooks/useDidUpdateEffect';
 import { useStyles } from './styles';
+var EMPTY_ARRAY = [];
+var EMPTY_OBJECT = {};
 export function DropDownMenuButton(_a) {
     var _b;
-    var className = _a.className, menuId = _a.menuId, _c = _a.buttonComponent, buttonComponent = _c === void 0 ? Button : _c, buttonContent = _a.buttonContent, _d = _a.menuItems, menuItems = _d === void 0 ? [] : _d, _e = _a.buttonProps, buttonProps = _e === void 0 ? {} : _e, _f = _a.popoverProps, popoverProps = _f === void 0 ? {} : _f, _g = _a.onMenuOpen, onMenuOpen = _g === void 0 ? identity : _g, _h = _a.onMenuClose, onMenuClose = _h === void 0 ? identity : _h, _j = _a.MenuItemRenderer, MenuItemRenderer = _j === void 0 ? DefaultMenuItemRenderer : _j;
+    var className = _a.className, menuId = _a.menuId, _c = _a.buttonComponent, buttonComponent = _c === void 0 ? Button : _c, buttonContent = _a.buttonContent, _d = _a.menuItems, menuItems = _d === void 0 ? EMPTY_ARRAY : _d, _e = _a.buttonProps, buttonProps = _e === void 0 ? EMPTY_OBJECT : _e, _f = _a.popoverProps, popoverProps = _f === void 0 ? EMPTY_OBJECT : _f, _g = _a.onMenuOpen, onMenuOpen = _g === void 0 ? identity : _g, _h = _a.onMenuClose, onMenuClose = _h === void 0 ? identity : _h, _j = _a.MenuItemRenderer, MenuItemRenderer = _j === void 0 ? DefaultMenuItemRenderer : _j;
     var ButtonComponent = buttonComponent;
     var styles = useStyles();
-    var buttonRef = useRef();
+    var buttonRef = useRef(null);
     var _k = useState(false), isOpen = _k[0], setIsOpen = _k[1];
     useDidUpdateEffect(function () {
         if (isOpen) {

package/DropDownSelector/DropDownSelector.js

@@ -31,9 +31,10 @@ import { EmptyStub } from '../EmptyStub';
 import { Menu } from './components/Menu';
 import { SingleValue } from './components/SingleValue';
 import { useStyles, customStyles, overloadMenuListStyle, withoutLabelInputStyle } from './styles';
+var EMPTY_OBJECT = {};
 export var DropDownSelector = function (_a) {
     var _b;
-    var value = _a.value, label = _a.label, options = _a.options, getOptions = _a.getOptions, createLabel = _a.createLabel, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onCreate = _a.onCreate, _e = _a.canCreateOption, canCreateOption = _e === void 0 ? function () { return Boolean(onCreate); } : _e, _f = _a.onClear, onClear = _f === void 0 ? identity : _f, _g = _a.components, components = _g === void 0 ? {} : _g, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, _h = _a.classes, classes = _h === void 0 ? {} : _h, required = _a.required, otherProps = __rest(_a, ["value", "label", "options", "getOptions", "createLabel", "height", "onChange", "onCreate", "canCreateOption", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes", "required"]);
+    var value = _a.value, label = _a.label, options = _a.options, getOptions = _a.getOptions, createLabel = _a.createLabel, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onCreate = _a.onCreate, _e = _a.canCreateOption, canCreateOption = _e === void 0 ? function () { return Boolean(onCreate); } : _e, _f = _a.onClear, onClear = _f === void 0 ? identity : _f, _g = _a.components, components = _g === void 0 ? EMPTY_OBJECT : _g, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, _h = _a.classes, classes = _h === void 0 ? EMPTY_OBJECT : _h, required = _a.required, otherProps = __rest(_a, ["value", "label", "options", "getOptions", "createLabel", "height", "onChange", "onCreate", "canCreateOption", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes", "required"]);
     var styles = useStyles({ height: height });
     var _j = useState(false), open = _j[0], setOpen = _j[1];
     var inputRef = useRef(null);

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

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

package/EditModeAttributesList/EditModeAttributesList.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { AttributeType, Entity, AttributeValue } from '@reltio/mdm-sdk';
 import { ScrollType } from '../contexts/ScrollToElementContext';
 import { EditModeAttributesPagerProps } from '../EditModeAttributesPager/types';
-declare const _default: React.ComponentType<{
+type Props = {
     parentAttributeType?: AttributeType;
     attrTypes: AttributeType[];
     entity: Entity;
@@ -12,5 +12,6 @@ declare const _default: React.ComponentType<{
     className?: string;
     fixedTypeUris?: string[];
     highlightAttribute?: (element: AttributeType, type: ScrollType) => void;
-} & Pick<EditModeAttributesPagerProps<AttributeValue>, "mode" | "crosswalks" | "parentUri" | "showEmptyEditors" | "drawLines" | "onAddAttributes" | "onDeleteAttribute" | "onChangeAttribute" | "additionalControlsRenderer">>;
+} & Pick<EditModeAttributesPagerProps<AttributeValue>, 'mode' | 'crosswalks' | 'parentUri' | 'drawLines' | 'showEmptyEditors' | 'onAddAttributes' | 'onDeleteAttribute' | 'onChangeAttribute' | 'additionalControlsRenderer'>;
+declare const _default: React.ComponentType<Props>;
 export default _default;

package/EmptyState/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "text" | "small" | "root" | "embedded" | "root_small" | "logo" | "full" | "textBox" | "secondaryText">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"textBox" | "button" | "text" | "small" | "root" | "embedded" | "root_small" | "logo" | "full" | "secondaryText">;

package/EntitySelector/EntitySelector.js

@@ -34,8 +34,10 @@ import { EntityCreator } from '../EntityCreator';
 import { buildEntityOptions } from './helpers';
 import { useStyles } from './styles';
 var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
+var EMPTY_OBJECT = {};
+var EMPTY_ARRAY = [];
 export var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, customLabel = _a.label, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, required = _a.required, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "label", "isMasked", "required"]);
+    var _b = _a.entity, entity = _b === void 0 ? EMPTY_OBJECT : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? EMPTY_ARRAY : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, customLabel = _a.label, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, required = _a.required, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "label", "isMasked", "required"]);
     var styles = useStyles();
     var _g = useState(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }).filter(isAvailableEntityType); }, [entityTypesUris, metadata]);

package/EntityUriLink/EntityUriLink.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-export declare const EntityUriLink: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLProps<HTMLAnchorElement>, "onClick" | "href" | "target"> & {
+type Props = Omit<React.HTMLProps<HTMLAnchorElement>, 'href' | 'onClick' | 'target'> & {
     value: string;
     screen?: string;
     shouldOpenInNewTab?: boolean;
     disabled?: boolean;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+};
+export declare const EntityUriLink: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/ErrorBoundary/ErrorBoundary.d.ts

@@ -4,6 +4,7 @@ type State = {
 };
 type Props = {
     error: React.ReactNode;
+    children: React.ReactNode;
 };
 export declare class ErrorBoundary extends React.Component<Props, State> {
     constructor(props: any);

package/ExpandedValueTooltip/ExpandedValueTooltip.js

@@ -28,7 +28,7 @@ import { useStyles } from './styles';
 export var ExpandedValueTooltip = function (_a) {
     var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, className = _a.className, _c = _a.showOnExceededWidth, showOnExceededWidth = _c === void 0 ? true : _c, showOnExceededHeight = _a.showOnExceededHeight, otherProps = __rest(_a, ["children", "value", "className", "showOnExceededWidth", "showOnExceededHeight"]);
     var tooltipStyles = useStyles();
-    var childrenRef = useRef();
+    var childrenRef = useRef(null);
     var _d = useState(false), isOverflowing = _d[0], setIsOverflowing = _d[1];
     var updateOverflowState = function () {
         return setIsOverflowing(checkOverflow(childrenRef.current, showOnExceededWidth, showOnExceededHeight));

package/FacetsSelector/components/AttributeSelectorPopup/AttributeSelectorPopup.js

@@ -21,7 +21,7 @@ export var AttributeSelectorPopup = function (_a) {
         setListHeight(maxListHeight);
     }, [maxListHeight]);
     var handleResizeList = useCallback(function (width, height) { return setListHeight(clamp(MIN_LIST_HEIGHT, maxListHeight, height)); }, [maxListHeight]);
-    var popupActionRef = useRef();
+    var popupActionRef = useRef(null);
     useEffect(function () {
         var updatePopupPosition = path(['current', 'updatePosition'], popupActionRef);
         if (updatePopupPosition)

package/GaugeChart/GaugeChart.js

@@ -18,7 +18,7 @@ import { useStyles } from './styles';
 export var GaugeChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data, value = _a.value, label = _a.label, _b = _a.renderValue, renderValue = _b === void 0 ? identity : _b, _c = _a.isAnimationActive, isAnimationActive = _c === void 0 ? true : _c;
     var styles = useStyles();
-    var labelElRef = useRef();
+    var labelElRef = useRef(null);
     var _d = useState(!isAnimationActive), animationIsEnd = _d[0], setAnimationIsEnd = _d[1];
     var _e = useState({ bottom: 0, top: 0, left: 0, right: 0 }), margin = _e[0], setMargin = _e[1];
     var _f = useState(0), textOffset = _f[0], setTextOffset = _f[1];

package/HOCs/withAsyncMount/withAsyncMount.js

@@ -15,7 +15,8 @@ export var withAsyncMount = function (Component, PlaceholderComponent) {
     if (PlaceholderComponent === void 0) { PlaceholderComponent = null; }
     var WithAsyncMount = forwardRef(function (componentProps, ref) {
         var shouldMount = useAsyncMount();
-        return shouldMount ? (React.createElement(Component, __assign({}, componentProps, { ref: ref }))) : (PlaceholderComponent && React.createElement(PlaceholderComponent, __assign({}, componentProps, { ref: ref })));
+        var propsWithRef = __assign(__assign({}, componentProps), { ref: ref });
+        return shouldMount ? (React.createElement(Component, __assign({}, propsWithRef))) : (PlaceholderComponent && React.createElement(PlaceholderComponent, __assign({}, propsWithRef)));
     });
     WithAsyncMount.displayName = 'WithAsyncMount';
     return WithAsyncMount;

package/HOCs/withReactSelectMuiSkin/components/ReactSelectControl/ReactSelectControl.js

@@ -15,7 +15,8 @@ var InputComponent = React.forwardRef(function (props, ref) {
     return React.createElement("div", __assign({ ref: ref }, props));
 });
 InputComponent.displayName = 'InputComponent';
+var EMPTY_TEXT_FIELD_PROPS = {};
 export var ReactSelectControl = function (props) {
-    var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, _a = props.selectProps, classes = _a.classes, _b = _a.TextFieldProps, TextFieldProps = _b === void 0 ? {} : _b;
+    var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, _a = props.selectProps, classes = _a.classes, _b = _a.TextFieldProps, TextFieldProps = _b === void 0 ? EMPTY_TEXT_FIELD_PROPS : _b;
     return (React.createElement(TextField, __assign({ variant: "standard", fullWidth: true }, TextFieldProps, { InputProps: __assign(__assign({ inputComponent: InputComponent }, TextFieldProps.InputProps), { inputProps: __assign(__assign({ className: classes.control, ref: innerRef, children: children }, innerProps), TextFieldProps.inputProps) }) })));
 };

package/HOCs/withReactSelectMuiSkin/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"menu" | "placeholder" | "option" | "singleValue" | "dropdownIndicator" | "clearIndicator" | "control" | "groupHeading" | "multiValue" | "noOptionsMessage" | "valueContainer" | "multiValue__label" | "option--selected" | "option--item" | "valueContainer--multi">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"menu" | "option" | "placeholder" | "singleValue" | "dropdownIndicator" | "clearIndicator" | "control" | "groupHeading" | "multiValue" | "noOptionsMessage" | "valueContainer" | "multiValue__label" | "option--selected" | "option--item" | "valueContainer--multi">;

package/HOCs/withReactSelectMuiSkin/withReactSelectMuiSkin.d.ts

@@ -2,10 +2,6 @@ import React from 'react';
 import { Props, GroupBase } from 'react-select';
 import { ReactSelectMuiSkinProps } from '../../types';
 export declare const withReactSelectMuiSkin: <Option, IsMulti extends boolean, Group extends GroupBase<Option> = GroupBase<Option>>(SelectComponent: any) => {
-    (props: Props<Option, IsMulti, Group> & ReactSelectMuiSkinProps): React.JSX.Element;
+    ({ components: componentsProp, classes: classesProp, error, TextFieldProps, innerRef, ...selectProps }: Props<Option, IsMulti, Group> & ReactSelectMuiSkinProps): React.JSX.Element;
     displayName: string;
-    defaultProps: {
-        components: {};
-        classes: {};
-    };
 };

package/HOCs/withReactSelectMuiSkin/withReactSelectMuiSkin.js

@@ -24,18 +24,15 @@ import React from 'react';
 import { reactSelectComponents } from './helpers';
 import { mergeClasses } from '../../helpers/classes';
 import { useStyles } from './styles';
+var EMPTY_OBJECT = {};
 export var withReactSelectMuiSkin = function (SelectComponent) {
-    function WrappedSelectComponent(props) {
-        var componentsProp = props.components, classesProp = props.classes, error = props.error, TextFieldProps = props.TextFieldProps, innerRef = props.innerRef, selectProps = __rest(props, ["components", "classes", "error", "TextFieldProps", "innerRef"]);
+    function WrappedSelectComponent(_a) {
+        var _b = _a.components, componentsProp = _b === void 0 ? EMPTY_OBJECT : _b, _c = _a.classes, classesProp = _c === void 0 ? EMPTY_OBJECT : _c, error = _a.error, TextFieldProps = _a.TextFieldProps, innerRef = _a.innerRef, selectProps = __rest(_a, ["components", "classes", "error", "TextFieldProps", "innerRef"]);
         var skinClasses = useStyles();
         var components = __assign(__assign({}, reactSelectComponents), componentsProp);
         var classes = mergeClasses(skinClasses, classesProp);
         return (React.createElement(SelectComponent, __assign({ ref: innerRef, components: components, classes: classes, TextFieldProps: __assign(__assign({}, TextFieldProps), { error: error }) }, selectProps)));
     }
     WrappedSelectComponent.displayName = "withMuiSkin(".concat(SelectComponent.displayName || SelectComponent.name, ")");
-    WrappedSelectComponent.defaultProps = {
-        components: {},
-        classes: {}
-    };
     return WrappedSelectComponent;
 };

package/HierarchyNodeTitle/useEntityDetails.test.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { getEntity, debounce } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { useEntityDetails } from './useEntityDetails';

package/ImageActionsOverlay/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "overlay" | "selected" | "checkedIcon" | "actions" | "selectionMode" | "actionButton" | "dropDownMenuButton">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"overlay" | "button" | "selected" | "checkedIcon" | "actions" | "selectionMode" | "actionButton" | "dropDownMenuButton">;

package/ImageAttributesLine/ImageAttributesLine.js

@@ -36,7 +36,7 @@ export var ImageAttributesLine = function (_a) {
             }
         }
     }, [paging, requestNextPageOfAttributeValues, attributeType, parentUri, attributeValues.length, showNonOv]);
-    var lastWidth = useRef();
+    var lastWidth = useRef(null);
     var _f = useState(attributeValues.length), maxItems = _f[0], setMaxItems = _f[1];
     var _g = useState(0), hiddenItemsLength = _g[0], setHiddenItemsLength = _g[1];
     var isBlockImageGalleryDialog = useContext(BlockImageGalleryDialogContext);

package/ImageDetailsView/components/MetaInfo/useEditMetaInfo.d.ts

@@ -5,8 +5,15 @@ type Params = {
 };
 export declare const useEditMetaInfo: ({ initialAttributeValue, attributeType }: Params) => {
     addAttributes: (attributes: AttributeItem[]) => void;
-    changeAttribute: ({ value, attributeType, uri }: any) => void;
-    deleteAttribute: ({ attributeType, uri }: any) => void;
+    changeAttribute: ({ value, attributeType, uri }: {
+        value: any;
+        attributeType: any;
+        uri: any;
+    }) => void;
+    deleteAttribute: ({ attributeType, uri }: {
+        attributeType: any;
+        uri: any;
+    }) => void;
     clearLocalChanges: () => void;
     applyLocalChanges: () => void;
     attributeValue: ImageAttributeValue;

package/InlineSimpleAttribute/InlineSimpleAttribute.js

@@ -24,7 +24,7 @@ export var InlineSimpleAttribute = function (_a) {
         attributeType: attributeType,
         attributeValue: rawAttributeValue
     }), isUnmaskingNeeded = _d.isUnmaskingNeeded, isMasked = _d.isMasked, toggleMasking = _d.toggleMasking, attributeValue = _d.attributeValue, isUnmasking = _d.isUnmasking, unmask = _d.unmask;
-    var containerRef = useRef();
+    var containerRef = useRef(null);
     var id = getLastUriPart(attributeValue.uri);
     var crosswalkDisabled = isCrosswalkDisabled(crosswalk);
     var canModifyAttribute = !attributeType.system && !crosswalkDisabled;

package/MapChart/MapChart.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { ChartType, MapChartOptions } from '@reltio/mdm-sdk';
 import { BaseChartProps } from '../types/charts';
+type Props = BaseChartProps & {
+    chartType?: ChartType.MAP;
+    options?: MapChartOptions;
+};
 declare const _default: {
-    ({ data, ...otherProps }: BaseChartProps & {
-        chartType?: ChartType.MAP;
-        options?: MapChartOptions;
-    }): React.JSX.Element;
+    ({ data, ...otherProps }: Props): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/MetadataTypesSelector/MetadataTypesSelector.js

@@ -67,7 +67,7 @@ export var MetadataTypesSelector = memo(function (_a) {
         selectedItems: selectedItemsUris,
         onClose: handleClose
     }), focusIndex = _k.focusIndex, handleKeyDown = _k.handleKeyDown;
-    var rootRef = useRef();
+    var rootRef = useRef(null);
     var rootWidth = rootRef.current ? rootRef.current.getBoundingClientRect().width : 0;
     var containerWidth = Math.max(rootWidth, MIN_CONTAINER_WIDTH);
     var noTypesSelected = selectedItemsUris.length === 0;

package/MetadataTypesSelector/components/ListLabel/ListLabel.js

@@ -5,7 +5,7 @@ import { useStyles } from './styles';
 export var ListLabel = function (_a) {
     var list = _a.list, maxWidth = _a.maxWidth;
     var styles = useStyles();
-    var labelRef = useRef();
+    var labelRef = useRef(null);
     var _b = useState(0), hiddenItemsCount = _b[0], setHiddenItemsCount = _b[1];
     useEffect(function () {
         setHiddenItemsCount(countHiddenItems(list, labelRef.current));

package/MoreAttributesButton/MoreAttributesButton.js

@@ -18,7 +18,7 @@ export var MoreAttributesButton = function (_a) {
     var _b;
     var label = _a.label, _c = _a.popupTitle, popupTitle = _c === void 0 ? label : _c, data = _a.data, parent = _a.parent, dense = _a.dense, onApply = _a.onApply, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
     var styles = useStyles();
-    var inputRef = useRef();
+    var inputRef = useRef(null);
     var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
     var togglePopupOpen = function () { return setIsOpen(!isOpen); };
     var closePopup = function () { return setIsOpen(false); };