@reltio/components 1.4.2269 → 1.4.2272

package/SimpleAttributeEditor/SimpleAttributeEditor.d.ts

@@ -1,13 +1,14 @@
-import React, { ContextType, ReactElement } from 'react';
+import React, { ComponentProps, ContextType, ReactElement } from 'react';
 import { SimpleAttributeValue, AttributeType, Mode, AttributeError, PrimitiveValue } from '@reltio/mdm-sdk';
+import { DataTypeValueEditor } from '../DataTypeValueEditor';
 import { AdditionalControlsRenderer } from '../types';
 import { ScrollToElementContext } from '../contexts/ScrollToElementContext';
-declare const _default: React.ForwardRefExoticComponent<Omit<{
+type Props = {
     className?: string;
     attributeValue: SimpleAttributeValue;
     attributeType: AttributeType;
     isReltioCrosswalk?: boolean;
-    state: "deleted" | "edited";
+    state: 'deleted' | 'edited';
     mode: Mode;
     onAddOneMore?: () => void;
     onDeleteAttribute?: (attribute: {
@@ -26,12 +27,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<{
     highlightedError?: ContextType<typeof ScrollToElementContext>;
     isEmptyEditor?: boolean;
     isFirstEditor?: boolean;
-} & Partial<{
-    [x: string]: any;
-    fieldName: any;
-    value: any;
-    onChange: any;
-    dataTypeDefinition: any;
-    TextFieldProps?: {};
-}>, "ref"> & React.RefAttributes<unknown>>;
+} & Partial<ComponentProps<typeof DataTypeValueEditor>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

package/SimpleAttributeEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "placeholder" | "wrapper" | "deleted" | "errorWrapper" | "editor" | "addButton" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "wrapper" | "placeholder" | "deleted" | "errorWrapper" | "editor" | "addButton" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;

package/SimpleAttributeEditor/useAutopopulationContextValue.test.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { useAutopopulationContextValue } from './useAutopopulationContextValue';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 var mdmActions = {

package/SimpleDropDownSelector/styles.d.ts

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

package/SmallIconButton/SmallIconButton.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import { IconButtonProps } from '@mui/material/IconButton';
 import { SIZES } from './constants';
-export declare const SmallIconButton: React.ForwardRefExoticComponent<Omit<Omit<IconButtonProps, "size"> & {
+type Props = Omit<IconButtonProps, 'size'> & {
     iconClassName?: string;
     icon?: React.ElementType;
     size?: keyof typeof SIZES;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export declare const SmallIconButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/SyncedValueHeight/ValueHeightReporter.js

@@ -6,7 +6,7 @@ export var ValueHeightReporter = function (_a) {
     var context = useContext(SyncedValueHeightsContext);
     var reportHeight = context === null || context === void 0 ? void 0 : context.reportHeight;
     var contentRef = useRef(null);
-    var lastHeightRef = useRef();
+    var lastHeightRef = useRef(null);
     var report = useCallback(function () {
         var _a;
         if (!reportHeight)

package/UploadFileButton/components/UploadMode/UploadMode.js

@@ -5,7 +5,7 @@ import { useStyles } from './styles';
 export var UploadMode = function (_a) {
     var _b = _a.supportedFileTypes, supportedFileTypes = _b === void 0 ? [] : _b, onUpload = _a.onUpload, onBeforeUpload = _a.onBeforeUpload;
     var styles = useStyles();
-    var fileUploader = useRef();
+    var fileUploader = useRef(null);
     var supportedFileTypesString = supportedFileTypes.join(',');
     var onSelectFileClick = function () {
         fileUploader.current.value = null;

package/UserSelector/UserSelector.js

@@ -20,7 +20,7 @@ export var UserSelector = function (_a) {
     var filterUsers = function (inputValue) { return function (users) {
         return inputValue ? users.filter(function (username) { return utils.strings.search(username, inputValue); }) : users;
     }; };
-    var cachedRequest = useRef();
+    var cachedRequest = useRef(null);
     var getOptions = function (inputValue) {
         if (!cachedRequest.current) {
             cachedRequest.current = getAllUsersForTenant({ tenant: tenant, servicesPath: servicesPath });

package/VirtualGroupedList/useScrollToFocusItem.d.ts

@@ -5,6 +5,9 @@ type Props<T> = {
     items: T[];
 };
 export declare const useScrollToFocusItem: <T>({ focusIndex, listRef, items }: Props<T>) => {
-    handleOnItemsRendered: ({ visibleStartIndex, visibleStopIndex }: any) => void;
+    handleOnItemsRendered: ({ visibleStartIndex, visibleStopIndex }: {
+        visibleStartIndex: any;
+        visibleStopIndex: any;
+    }) => void;
 };
 export {};

package/VirtualGroupedList/useScrollToFocusItem.test.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { useScrollToFocusItem } from './useScrollToFocusItem';
 describe('useScrollToFocusItem hook test', function () {
     it('should correctly call scrollToItem when focus move to down of list', function () {

package/cjs/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/cjs/ActionButton/ActionButton.js

@@ -61,7 +61,7 @@ var SmallIconButton_1 = require("../SmallIconButton");
 var types_1 = require("../types");
 var styles_1 = require("./styles");
 exports.ActionButton = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? types_1.ActionButtonMode.iconButton : _b, label = _a.label, description = _a.description, disabled = _a.disabled, Icon = _a.icon, _c = _a.onClick, onClick = _c === void 0 ? ramda_1.identity : _c, _d = _a.onMenuClose, onMenuClose = _d === void 0 ? ramda_1.identity : _d, otherProps = __rest(_a, ["className", "mode", "label", "description", "disabled", "icon", "onClick", "onMenuClose"]);
+    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? types_1.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 ? ramda_1.identity : _d, _e = _a.onMenuClose, onMenuClose = _e === void 0 ? ramda_1.identity : _e, otherProps = __rest(_a, ["className", "mode", "label", "description", "disabled", "icon", "onClick", "onMenuClose"]);
     var styles = (0, styles_1.useStyles)();
     var getButtonView = function () {
         var _a, _b;

package/cjs/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/cjs/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/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -61,8 +61,9 @@ var useFilterAutoFocus_1 = require("../hooks/useFilterAutoFocus");
 var AttributesValuesEditor_1 = require("../AttributesValuesEditor");
 var AttributesFiltersBuilder_module_css_1 = __importDefault(require("./AttributesFiltersBuilder.module.css"));
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: mdm_sdk_1.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_1.EmptyStub : _e;
     var actualFilters = (0, react_1.useRef)(filters);
     var attributesCountRef = (0, react_1.useRef)(null);

package/cjs/AttributesFiltersButton/AttributesFiltersButton.js

@@ -42,7 +42,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 ? FilterList_1.default : _c, popoverAnchorRef = _a.popoverAnchorRef, title = _a.title, anchorOrigin = _a.anchorOrigin;
     var styles = (0, styles_1.useStyles)();
-    var buttonRef = (0, react_1.useRef)();
+    var buttonRef = (0, react_1.useRef)(null);
     var _d = (0, react_1.useState)(false), isOpen = _d[0], setIsOpen = _d[1];
     var _e = (0, react_1.useState)([]), filters = _e[0], setFilters = _e[1];
     var isFiltersApplied = isFiltersAppliedProp !== null && isFiltersAppliedProp !== void 0 ? isFiltersAppliedProp : !!(0, mdm_sdk_1.buildFilterQueryString)()(filtersProp);

package/cjs/AttributesValuesEditor/AttributesValuesEditor.js

@@ -28,12 +28,14 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var FilterValueEditor_1 = require("../FilterValueEditor");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var styles_1 = require("./styles");
+var EMPTY_ARRAY = [];
+var EMPTY_OBJECT = {};
 var AttributesValuesEditor = function (_a) {
     var rowData = _a.rowData, rowContext = _a.rowContext;
     var styles = (0, styles_1.useStyles)();
     var canFilterAcceptValues = (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && (0, mdm_sdk_1.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 = (0, MdmModuleContext_1.useMdmDisableTimestampLocalization)();
     var disableTimestampLocalization = (0, mdm_sdk_1.shouldDisableTimestampLocalizationForAttribute)(attrType, {
         disableTimestampLocalization: disableTimestampLocalizationFlag

package/cjs/AutoSizeList/AutoSizeList.js

@@ -58,7 +58,7 @@ var AutoSizeList = function (_a) {
     var getItemKeyFromData = (0, react_1.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 = (0, react_1.useRef)();
+    var localListRef = (0, react_1.useRef)(null);
     var listRef = listRefProp || localListRef;
     (_b = listRef.current) === null || _b === void 0 ? void 0 : _b.resetAfterIndex(0, false);
     var Row = (0, react_1.useMemo)(function () {

package/cjs/BasicAttributeSelector/BasicAttributeSelector.js

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

package/cjs/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/cjs/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/cjs/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/cjs/CollaborationItem/CollaborationItem.js

@@ -34,7 +34,7 @@ var SendMessageArea_1 = require("./components/SendMessageArea");
 var styles_1 = require("./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 = (0, react_1.useRef)();
+    var inputRef = (0, react_1.useRef)(null);
     var styles = (0, styles_1.useStyles)({ classes: classes });
     var handleReply = function () {
         inputRef.current.focus();

package/cjs/CollaborationItem/components/Comment/Comment.js

@@ -47,7 +47,7 @@ var styles_1 = require("./styles");
 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 = (0, styles_1.useStyles)();
-    var inputRef = (0, react_1.useRef)();
+    var inputRef = (0, react_1.useRef)(null);
     var username = (0, MdmModuleContext_1.useMdmUsername)();
     var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime, status = comment.status;
     var isResolved = status === 'resolved';

package/cjs/CollaborationItem/components/RepliedComment/RepliedComment.js

@@ -45,7 +45,7 @@ var SendMessageArea_1 = require("../SendMessageArea");
 var styles_1 = require("./styles");
 var RepliedComment = function (_a) {
     var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
-    var inputRef = (0, react_1.useRef)();
+    var inputRef = (0, react_1.useRef)(null);
     var username = (0, MdmModuleContext_1.useMdmUsername)();
     var createdBy = reply.createdBy, action = reply.action, createdTime = reply.createdTime;
     var canChangeReply = createdBy === username && comment.status !== 'resolved';

package/cjs/ConfigureColumnsPopup/ConfigureColumnsPopup.js

@@ -72,8 +72,9 @@ var styles_1 = require("./styles");
 var ITEM_HEIGHT = 32;
 var LIST_CONTAINER_HEIGHT = 300;
 var DEFAULT_MIN_CONTAINER_WIDTH = 318;
+var EMPTY_ARRAY = [];
 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 ? ui_i18n_1.default.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 ? ui_i18n_1.default.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 = (0, react_1.useCallback)(function (item) {
         return item.label.toLowerCase().includes(filterText.toLowerCase());
     }, [filterText]);

package/cjs/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/cjs/DataTypeValueEditor/useEditorContext.test.js

@@ -51,7 +51,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_2 = require("@testing-library/react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var useEditorContext_1 = require("./useEditorContext");
@@ -63,7 +63,7 @@ var setUp = function (props) {
         var children = _a.children;
         return react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { actions: { lookupsLoaded: lookupsLoaded, lookupsForTypeResolved: lookupsForTypeResolved } }, children);
     };
-    return (0, react_hooks_1.renderHook)(function (_a) {
+    return (0, react_2.renderHook)(function (_a) {
         var fieldName = _a.fieldName, dataTypeDefinition = _a.dataTypeDefinition;
         return (0, useEditorContext_1.useEditorContext)(fieldName, dataTypeDefinition);
     }, {

package/cjs/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/cjs/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/cjs/DropDownMenuButton/DropDownMenuButton.js

@@ -46,12 +46,14 @@ var Menu_1 = __importDefault(require("@mui/material/Menu"));
 var DefaultMenuItemRenderer_1 = require("./components/DefaultMenuItemRenderer");
 var useDidUpdateEffect_1 = require("../hooks/useDidUpdateEffect");
 var styles_1 = require("./styles");
+var EMPTY_ARRAY = [];
+var EMPTY_OBJECT = {};
 function DropDownMenuButton(_a) {
     var _b;
-    var className = _a.className, menuId = _a.menuId, _c = _a.buttonComponent, buttonComponent = _c === void 0 ? Button_1.default : _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 ? ramda_1.identity : _g, _h = _a.onMenuClose, onMenuClose = _h === void 0 ? ramda_1.identity : _h, _j = _a.MenuItemRenderer, MenuItemRenderer = _j === void 0 ? DefaultMenuItemRenderer_1.DefaultMenuItemRenderer : _j;
+    var className = _a.className, menuId = _a.menuId, _c = _a.buttonComponent, buttonComponent = _c === void 0 ? Button_1.default : _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 ? ramda_1.identity : _g, _h = _a.onMenuClose, onMenuClose = _h === void 0 ? ramda_1.identity : _h, _j = _a.MenuItemRenderer, MenuItemRenderer = _j === void 0 ? DefaultMenuItemRenderer_1.DefaultMenuItemRenderer : _j;
     var ButtonComponent = buttonComponent;
     var styles = (0, styles_1.useStyles)();
-    var buttonRef = (0, react_1.useRef)();
+    var buttonRef = (0, react_1.useRef)(null);
     var _k = (0, react_1.useState)(false), isOpen = _k[0], setIsOpen = _k[1];
     (0, useDidUpdateEffect_1.useDidUpdateEffect)(function () {
         if (isOpen) {

package/cjs/DropDownSelector/DropDownSelector.js

@@ -60,9 +60,10 @@ var EmptyStub_1 = require("../EmptyStub");
 var Menu_1 = require("./components/Menu");
 var SingleValue_1 = require("./components/SingleValue");
 var styles_1 = require("./styles");
+var EMPTY_OBJECT = {};
 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 ? ramda_1.identity : _d, onCreate = _a.onCreate, _e = _a.canCreateOption, canCreateOption = _e === void 0 ? function () { return Boolean(onCreate); } : _e, _f = _a.onClear, onClear = _f === void 0 ? ramda_1.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 ? ramda_1.identity : _d, onCreate = _a.onCreate, _e = _a.canCreateOption, canCreateOption = _e === void 0 ? function () { return Boolean(onCreate); } : _e, _f = _a.onClear, onClear = _f === void 0 ? ramda_1.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 = (0, styles_1.useStyles)({ height: height });
     var _j = (0, react_1.useState)(false), open = _j[0], setOpen = _j[1];
     var inputRef = (0, react_1.useRef)(null);

package/cjs/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/cjs/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/cjs/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/cjs/EntitySelector/EntitySelector.js

@@ -63,8 +63,10 @@ var EntityCreator_1 = require("../EntityCreator");
 var helpers_1 = require("./helpers");
 var styles_1 = require("./styles");
 var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
+var EMPTY_OBJECT = {};
+var EMPTY_ARRAY = [];
 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 = (0, styles_1.useStyles)();
     var _g = (0, react_1.useState)(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }).filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypesUris, metadata]);

package/cjs/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/cjs/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/cjs/ExpandedValueTooltip/ExpandedValueTooltip.js

@@ -57,7 +57,7 @@ var styles_1 = require("./styles");
 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 = (0, styles_1.useStyles)();
-    var childrenRef = (0, react_1.useRef)();
+    var childrenRef = (0, react_1.useRef)(null);
     var _d = (0, react_1.useState)(false), isOverflowing = _d[0], setIsOverflowing = _d[1];
     var updateOverflowState = function () {
         return setIsOverflowing((0, helpers_1.checkOverflow)(childrenRef.current, showOnExceededWidth, showOnExceededHeight));

package/cjs/FacetsSelector/components/AttributeSelectorPopup/AttributeSelectorPopup.js

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

package/cjs/GaugeChart/GaugeChart.js

@@ -44,7 +44,7 @@ var styles_1 = require("./styles");
 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 ? ramda_1.identity : _b, _c = _a.isAnimationActive, isAnimationActive = _c === void 0 ? true : _c;
     var styles = (0, styles_1.useStyles)();
-    var labelElRef = (0, react_1.useRef)();
+    var labelElRef = (0, react_1.useRef)(null);
     var _d = (0, react_1.useState)(!isAnimationActive), animationIsEnd = _d[0], setAnimationIsEnd = _d[1];
     var _e = (0, react_1.useState)({ bottom: 0, top: 0, left: 0, right: 0 }), margin = _e[0], setMargin = _e[1];
     var _f = (0, react_1.useState)(0), textOffset = _f[0], setTextOffset = _f[1];

package/cjs/HOCs/withAsyncMount/withAsyncMount.js

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

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

@@ -21,8 +21,9 @@ var InputComponent = react_1.default.forwardRef(function (props, ref) {
     return react_1.default.createElement("div", __assign({ ref: ref }, props));
 });
 InputComponent.displayName = 'InputComponent';
+var EMPTY_TEXT_FIELD_PROPS = {};
 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_1.default.createElement(TextField_1.default, __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) }) })));
 };
 exports.ReactSelectControl = ReactSelectControl;

package/cjs/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/cjs/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/cjs/HOCs/withReactSelectMuiSkin/withReactSelectMuiSkin.js

@@ -30,19 +30,16 @@ var react_1 = __importDefault(require("react"));
 var helpers_1 = require("./helpers");
 var classes_1 = require("../../helpers/classes");
 var styles_1 = require("./styles");
+var EMPTY_OBJECT = {};
 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 = (0, styles_1.useStyles)();
         var components = __assign(__assign({}, helpers_1.reactSelectComponents), componentsProp);
         var classes = (0, classes_1.mergeClasses)(skinClasses, classesProp);
         return (react_1.default.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;
 };
 exports.withReactSelectMuiSkin = withReactSelectMuiSkin;