@reltio/components 1.4.2270 → 1.4.2272

package/cjs/HierarchyNodeTitle/useEntityDetails.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 useEntityDetails_1 = require("./useEntityDetails");
@@ -69,7 +69,7 @@ describe('useEntityDetails', function () {
             var children = _a.children;
             return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children));
         };
-        return (0, react_hooks_1.renderHook)(useEntityDetails_1.useEntityDetails, { initialProps: props, wrapper: Providers });
+        return (0, react_2.renderHook)(useEntityDetails_1.useEntityDetails, { initialProps: props, wrapper: Providers });
     };
     beforeEach(function () {
         mdm_sdk_1.getEntity.mockResolvedValue(entity);
@@ -88,18 +88,18 @@ describe('useEntityDetails', function () {
                 case 0:
                     result = setUp().result;
                     expect(result.current.isLoading).toBe(false);
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         result.current.showEntityDetails();
                     });
                     expect(result.current.isLoading).toBe(false);
                     expect(result.current.entityDetails).toBe(null);
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         jest.runAllTimers();
                     });
                     expect(result.current.isLoading).toBe(true);
                     expect(result.current.entityDetails).toBe(null);
                     expect(mdm_sdk_1.getEntity).toHaveBeenCalledWith(entity.uri, { options: 'sendHidden,addRefAttrUriToCrosswalk' });
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 return [2 /*return*/, Promise.resolve()];
                             });
@@ -118,7 +118,7 @@ describe('useEntityDetails', function () {
             switch (_a.label) {
                 case 0:
                     result = setUp().result;
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 result.current.showEntityDetails();
                                 jest.runAllTimers();
@@ -128,7 +128,7 @@ describe('useEntityDetails', function () {
                 case 1:
                     _a.sent();
                     expect(result.current.entityDetails).toBe(entity);
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         result.current.hideEntityDetails();
                     });
                     expect(result.current.entityDetails).toBe(null);
@@ -142,16 +142,16 @@ describe('useEntityDetails', function () {
             switch (_a.label) {
                 case 0:
                     result = setUp().result;
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         result.current.showEntityDetails();
                         jest.runAllTimers();
                     });
                     expect(mdm_sdk_1.getEntity).toHaveBeenCalled();
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         result.current.hideEntityDetails();
                     });
                     expect(result.current.entityDetails).toBe(null);
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 return [2 /*return*/, Promise.resolve()];
                             });
@@ -165,17 +165,17 @@ describe('useEntityDetails', function () {
     }); });
     it('should clear timeout if hideEntityDetails has been called before request started', function () {
         var result = setUp().result;
-        (0, react_hooks_1.act)(function () {
+        (0, react_2.act)(function () {
             result.current.showEntityDetails();
         });
         expect(result.current.isLoading).toBe(false);
         expect(result.current.entityDetails).toBe(null);
-        (0, react_hooks_1.act)(function () {
+        (0, react_2.act)(function () {
             result.current.hideEntityDetails();
         });
         expect(result.current.isLoading).toBe(false);
         expect(result.current.entityDetails).toBe(null);
-        (0, react_hooks_1.act)(function () {
+        (0, react_2.act)(function () {
             jest.runAllTimers();
         });
         expect(mdm_sdk_1.getEntity).not.toHaveBeenCalled();
@@ -188,19 +188,19 @@ describe('useEntityDetails', function () {
             switch (_a.label) {
                 case 0:
                     result = setUp().result;
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         result.current.showEntityDetails();
                         jest.runAllTimers();
                     });
                     expect(mdm_sdk_1.getEntity).toHaveBeenCalledWith('entities/123', { options: 'sendHidden,addRefAttrUriToCrosswalk' });
                     expect(result.current.isLoading).toBe(true);
                     expect(result.current.entityDetails).toBe(null);
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         result.current.hideEntityDetails();
                     });
                     expect(result.current.isLoading).toBe(false);
                     expect(result.current.entityDetails).toBe(null);
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 result.current.showEntityDetails();
                                 return [2 /*return*/, Promise.resolve()];
@@ -222,12 +222,12 @@ describe('useEntityDetails', function () {
                     warnSpy = jest.spyOn(global.console, 'warn');
                     mdm_sdk_1.getEntity.mockRejectedValue({ errorCode: 403, errorMessage: 'Access is denied' });
                     result = setUp().result;
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         result.current.showEntityDetails();
                         jest.runAllTimers();
                     });
                     expect(mdm_sdk_1.getEntity).toHaveBeenCalled();
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () {
                             return Promise.resolve();
                         })];
                 case 1:

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

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

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

@@ -53,7 +53,7 @@ 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 = (0, react_1.useRef)();
+    var containerRef = (0, react_1.useRef)(null);
     var id = (0, mdm_sdk_1.getLastUriPart)(attributeValue.uri);
     var crosswalkDisabled = (0, mdm_sdk_1.isCrosswalkDisabled)(crosswalk);
     var canModifyAttribute = !attributeType.system && !crosswalkDisabled;

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

@@ -96,7 +96,7 @@ exports.MetadataTypesSelector = (0, react_1.memo)(function (_a) {
         selectedItems: selectedItemsUris,
         onClose: handleClose
     }), focusIndex = _k.focusIndex, handleKeyDown = _k.handleKeyDown;
-    var rootRef = (0, react_1.useRef)();
+    var rootRef = (0, react_1.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/cjs/MetadataTypesSelector/components/ListLabel/ListLabel.js

@@ -34,7 +34,7 @@ var styles_1 = require("./styles");
 var ListLabel = function (_a) {
     var list = _a.list, maxWidth = _a.maxWidth;
     var styles = (0, styles_1.useStyles)();
-    var labelRef = (0, react_1.useRef)();
+    var labelRef = (0, react_1.useRef)(null);
     var _b = (0, react_1.useState)(0), hiddenItemsCount = _b[0], setHiddenItemsCount = _b[1];
     (0, react_1.useEffect)(function () {
         setHiddenItemsCount((0, helpers_1.countHiddenItems)(list, labelRef.current));

package/cjs/MoreAttributesButton/MoreAttributesButton.js

@@ -47,7 +47,7 @@ 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 = (0, styles_1.useStyles)();
-    var inputRef = (0, react_1.useRef)();
+    var inputRef = (0, react_1.useRef)(null);
     var _e = (0, react_1.useState)(false), isOpen = _e[0], setIsOpen = _e[1];
     var togglePopupOpen = function () { return setIsOpen(!isOpen); };
     var closePopup = function () { return setIsOpen(false); };

package/cjs/MultiSelect/MultiSelect.d.ts

@@ -1,39 +1,23 @@
 export function MultiSelect(props: any): React.JSX.Element;
 export namespace MultiSelect {
-    namespace defaultProps {
-        let creatable: boolean;
-        let cacheOptions: boolean;
-        let components: {};
-        let classes: {};
-        let placeholder: string;
-        let loadingIndicator: boolean;
-        function onInputChange(): void;
-        function onChange(): void;
-    }
     namespace propTypes {
-        let creatable_1: PropTypes.Requireable<boolean>;
-        export { creatable_1 as creatable };
-        let cacheOptions_1: PropTypes.Requireable<boolean>;
-        export { cacheOptions_1 as cacheOptions };
-        export let defaultOptions: PropTypes.Requireable<boolean>;
-        export let value: PropTypes.Requireable<PropTypes.InferProps<{
+        let creatable: PropTypes.Requireable<boolean>;
+        let cacheOptions: PropTypes.Requireable<boolean>;
+        let defaultOptions: PropTypes.Requireable<boolean>;
+        let value: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             value: PropTypes.Requireable<any>;
         }>[]>;
-        export let options: PropTypes.Requireable<PropTypes.InferProps<{
+        let options: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             value: PropTypes.Requireable<any>;
         }>[]>;
-        let onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onChange_1 as onChange };
-        let onInputChange_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onInputChange_1 as onInputChange };
-        let placeholder_1: PropTypes.Requireable<string>;
-        export { placeholder_1 as placeholder };
-        export let label: PropTypes.Requireable<string>;
-        let loadingIndicator_1: PropTypes.Requireable<boolean>;
-        export { loadingIndicator_1 as loadingIndicator };
-        let components_1: PropTypes.Requireable<PropTypes.InferProps<{
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let onInputChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let placeholder: PropTypes.Requireable<string>;
+        let label: PropTypes.Requireable<string>;
+        let loadingIndicator: PropTypes.Requireable<boolean>;
+        let components: PropTypes.Requireable<PropTypes.InferProps<{
             ClearIndicator: PropTypes.Requireable<(...args: any[]) => any>;
             Control: PropTypes.Requireable<(...args: any[]) => any>;
             DropdownIndicator: PropTypes.Requireable<(...args: any[]) => any>;
@@ -60,8 +44,7 @@ export namespace MultiSelect {
             SingleValue: PropTypes.Requireable<(...args: any[]) => any>;
             ValueContainer: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        export { components_1 as components };
-        let classes_1: PropTypes.Requireable<PropTypes.InferProps<{
+        let classes: PropTypes.Requireable<PropTypes.InferProps<{
             control: PropTypes.Requireable<string>;
             valueContainer: PropTypes.Requireable<string>;
             multiValue: PropTypes.Requireable<string>;
@@ -75,8 +58,7 @@ export namespace MultiSelect {
             'option--selected': PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
         }>>;
-        export { classes_1 as classes };
-        export let styles: PropTypes.Requireable<PropTypes.InferProps<{
+        let styles: PropTypes.Requireable<PropTypes.InferProps<{
             clearIndicator: PropTypes.Requireable<(...args: any[]) => any>;
             container: PropTypes.Requireable<(...args: any[]) => any>;
             control: PropTypes.Requireable<(...args: any[]) => any>;
@@ -100,15 +82,15 @@ export namespace MultiSelect {
             singleValue: PropTypes.Requireable<(...args: any[]) => any>;
             valueContainer: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        export let TextFieldProps: PropTypes.Requireable<object>;
-        export let getOptions: PropTypes.Requireable<(...args: any[]) => any>;
-        export let menuPlacement: PropTypes.Requireable<string>;
-        export let menuPortalTarget: PropTypes.Requireable<object>;
-        export let menuShouldBlockScroll: PropTypes.Requireable<boolean>;
-        export let captureMenuScroll: PropTypes.Requireable<boolean>;
-        export let getOptionValue: PropTypes.Requireable<(...args: any[]) => any>;
-        export let isSearchable: PropTypes.Requireable<boolean>;
-        export let inputRef: PropTypes.Requireable<PropTypes.InferProps<{
+        let TextFieldProps: PropTypes.Requireable<object>;
+        let getOptions: PropTypes.Requireable<(...args: any[]) => any>;
+        let menuPlacement: PropTypes.Requireable<string>;
+        let menuPortalTarget: PropTypes.Requireable<object>;
+        let menuShouldBlockScroll: PropTypes.Requireable<boolean>;
+        let captureMenuScroll: PropTypes.Requireable<boolean>;
+        let getOptionValue: PropTypes.Requireable<(...args: any[]) => any>;
+        let isSearchable: PropTypes.Requireable<boolean>;
+        let inputRef: PropTypes.Requireable<PropTypes.InferProps<{
             current: PropTypes.Requireable<object>;
         }>>;
     }

package/cjs/MultiSelect/MultiSelect.js

@@ -52,6 +52,7 @@ exports.MultiSelect = void 0;
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var CreatableReactSelect_1 = require("../CreatableReactSelect");
 var ReactSelect_1 = require("../ReactSelect");
 var AsyncReactSelect_1 = require("../AsyncReactSelect");
@@ -66,15 +67,14 @@ var getControlRef = function (innerRef) {
     }
     return controlRef;
 };
-var id = 0;
-var getInputId = function () { return "custom-select-".concat(id++); };
+var EMPTY_OBJECT = {};
 var MultiSelect = function (props) {
-    var label = props.label, creatable = props.creatable, getOptions = props.getOptions, loadingIndicator = props.loadingIndicator, componentsProp = props.components, classesProp = props.classes, stylesProp = props.styles, onChangeProp = props.onChange, onInputChangeProp = props.onInputChange, _a = props.menuPlacement, menuPlacement = _a === void 0 ? 'auto' : _a, reactSelectProps = __rest(props, ["label", "creatable", "getOptions", "loadingIndicator", "components", "classes", "styles", "onChange", "onInputChange", "menuPlacement"]);
+    var label = props.label, _a = props.creatable, creatable = _a === void 0 ? false : _a, getOptions = props.getOptions, _b = props.loadingIndicator, loadingIndicator = _b === void 0 ? false : _b, _c = props.components, componentsProp = _c === void 0 ? EMPTY_OBJECT : _c, _d = props.classes, classesProp = _d === void 0 ? EMPTY_OBJECT : _d, stylesProp = props.styles, _e = props.onChange, onChangeProp = _e === void 0 ? mdm_sdk_1.noop : _e, _f = props.onInputChange, onInputChangeProp = _f === void 0 ? mdm_sdk_1.noop : _f, _g = props.menuPlacement, menuPlacement = _g === void 0 ? 'auto' : _g, _h = props.cacheOptions, cacheOptions = _h === void 0 ? true : _h, _j = props.placeholder, placeholder = _j === void 0 ? '' : _j, reactSelectProps = __rest(props, ["label", "creatable", "getOptions", "loadingIndicator", "components", "classes", "styles", "onChange", "onInputChange", "menuPlacement", "cacheOptions", "placeholder"]);
     var SelectComponent = creatable ? CreatableReactSelect_1.CreatableReactSelect : getOptions ? AsyncReactSelect_1.AsyncReactSelect : ReactSelect_1.ReactSelect;
-    var _b = (0, react_1.useState)(''), inputValue = _b[0], setInputValue = _b[1];
+    var _k = (0, react_1.useState)(''), inputValue = _k[0], setInputValue = _k[1];
     var multiSelectClasses = (0, styles_1.useStyles)((0, ramda_1.omit)(['classes'], props));
-    var inputId = getInputId();
-    var innerRef = (0, react_1.useRef)();
+    var inputId = (0, react_1.useId)();
+    var innerRef = (0, react_1.useRef)(null);
     (0, useKeepInputVisible_1.useKeepInputVisible)(props.value, getControlRef(innerRef));
     var components = __assign(__assign({}, helpers_1.customComponents), componentsProp);
     var classes = (0, classes_1.mergeClasses)(multiSelectClasses, classesProp);
@@ -103,19 +103,9 @@ var MultiSelect = function (props) {
                 } }, props.TextFieldProps)
         }
         : {};
-    return (react_1.default.createElement(SelectComponent, __assign({ isMulti: true, inputId: inputId, inputValue: inputValue, onChange: handleChange, onInputChange: handleInputChange, closeMenuOnSelect: false, hideSelectedOptions: false, classes: classes, components: components, styles: styles, menuPlacement: menuPlacement, loadOptions: getOptions, innerRef: innerRef }, labelProps, reactSelectProps)));
+    return (react_1.default.createElement(SelectComponent, __assign({ isMulti: true, inputId: inputId, inputValue: inputValue, onChange: handleChange, onInputChange: handleInputChange, closeMenuOnSelect: false, hideSelectedOptions: false, classes: classes, components: components, styles: styles, menuPlacement: menuPlacement, cacheOptions: cacheOptions, placeholder: placeholder, loadOptions: getOptions, innerRef: innerRef }, labelProps, reactSelectProps)));
 };
 exports.MultiSelect = MultiSelect;
-exports.MultiSelect.defaultProps = {
-    creatable: false,
-    cacheOptions: true,
-    components: {},
-    classes: {},
-    placeholder: '',
-    loadingIndicator: false,
-    onInputChange: function () { },
-    onChange: function () { }
-};
 exports.MultiSelect.propTypes = {
     /**
      * Async creatable multi select with optional placeholder, shrink-label, non-closing menu and options with checkboxes.

package/cjs/MultiSelect/styles.d.ts

@@ -2,5 +2,5 @@ type PlaceholderProps = {
     placeholder?: string;
     label?: string;
 };
-export declare const useStyles: (props: PlaceholderProps) => import("@mui/styles").ClassNameMap<"placeholder" | "label" | "dropdownIndicator" | "clearIndicator" | "option--selected">;
+export declare const useStyles: (props: PlaceholderProps) => import("@mui/styles").ClassNameMap<"label" | "placeholder" | "dropdownIndicator" | "clearIndicator" | "option--selected">;
 export {};

package/cjs/MultiValueSelector/MultiValueSelector.js

@@ -55,8 +55,10 @@ var MultiValueChip_1 = require("../MultiValueChip");
 var EmptyStub_1 = require("../EmptyStub");
 var MultiSelect_1 = require("../MultiSelect");
 var styles_1 = require("./styles");
+var EMPTY_ARRAY = [];
+var EMPTY_TEXT_FIELD_PROPS = {};
 var MultiValueSelector = function (_a) {
-    var _b = _a.values, values = _b === void 0 ? [] : _b, onChange = _a.onChange, options = _a.options, fullWidth = _a.fullWidth, _c = _a.TextFieldProps, TextFieldProps = _c === void 0 ? {} : _c;
+    var _b = _a.values, values = _b === void 0 ? EMPTY_ARRAY : _b, onChange = _a.onChange, options = _a.options, fullWidth = _a.fullWidth, _c = _a.TextFieldProps, TextFieldProps = _c === void 0 ? EMPTY_TEXT_FIELD_PROPS : _c;
     var styles = (0, styles_1.useStyles)();
     var inputRef = (0, react_1.useRef)(null);
     var valueToOption = (0, react_1.useCallback)(function (value) { return options.find(function (option) { return option.value === value; }) || { value: value, label: value }; }, [options]);

package/cjs/PieChart/PieChart.d.ts

@@ -8,11 +8,7 @@ type Props = BaseChartProps & {
 };
 export declare const PieChart: ({ width, height, data, options, isDonut, onItemClick }: Props) => React.JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: BaseChartProps & {
-        chartType?: ChartType.PIE | ChartType.DONUT;
-        isDonut?: boolean;
-        options?: PieChartOptions;
-    }): React.JSX.Element;
+    ({ data, ...otherProps }: Props): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/cjs/Popper/Popper.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
-export declare const Popper: React.ForwardRefExoticComponent<Omit<Omit<import("@mui/base").PopperProps, "direction"> & {
-    component?: React.ElementType;
-    components?: {
-        Root?: React.ElementType;
-    };
-    componentsProps?: import("@mui/base").PopperProps["slotProps"];
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-} & {
+import { PopperProps } from '@mui/material/Popper';
+type Props = PopperProps & {
     modal?: boolean;
     anchorEl?: HTMLElement | null;
     excludeAnchorFromBackdrop?: boolean;
     onClose?: () => void;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export declare const Popper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/cjs/Popper/Popper.js

@@ -61,11 +61,11 @@ exports.Popper = (0, react_1.forwardRef)(function (_a, ref) {
     var _b;
     var open = _a.open, anchorEl = _a.anchorEl, className = _a.className, _c = _a.modal, modal = _c === void 0 ? true : _c, _d = _a.excludeAnchorFromBackdrop, excludeAnchorFromBackdrop = _d === void 0 ? true : _d, _e = _a.onClose, onClose = _e === void 0 ? ramda_1.identity : _e, otherProps = __rest(_a, ["open", "anchorEl", "className", "modal", "excludeAnchorFromBackdrop", "onClose"]);
     var styles = (0, styles_1.useStyles)();
-    var leftBackdropRef = (0, react_1.useRef)();
-    var rightBackdropRef = (0, react_1.useRef)();
-    var topBackdropRef = (0, react_1.useRef)();
-    var bottomBackdropRef = (0, react_1.useRef)();
-    var rafIdRef = (0, react_1.useRef)();
+    var leftBackdropRef = (0, react_1.useRef)(null);
+    var rightBackdropRef = (0, react_1.useRef)(null);
+    var topBackdropRef = (0, react_1.useRef)(null);
+    var bottomBackdropRef = (0, react_1.useRef)(null);
+    var rafIdRef = (0, react_1.useRef)(null);
     var currentTheme = (0, styles_2.useTheme)();
     (0, react_1.useEffect)(function () {
         if (open && modal) {

package/cjs/PopupWithArrow/PopupWithArrow.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { Popper } from '../Popper';
-type Props = React.ComponentPropsWithoutRef<typeof Popper> & {
+type Props = Omit<React.ComponentPropsWithoutRef<typeof Popper>, 'children'> & {
     classes?: {
         root?: string;
         arrow?: string;
     };
+    children?: React.ReactNode;
 };
 export declare const PopupWithArrow: ({ children, className, classes, transition, ...otherProps }: Props) => React.JSX.Element;
 export {};