@reltio/components 1.4.2269 → 1.4.2272

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

@@ -20,9 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useState, useRef } from 'react';
+import React, { useState, useRef, useId } from 'react';
 import PropTypes from 'prop-types';
 import { omit, prop } from 'ramda';
+import { noop } from '@reltio/mdm-sdk';
 import { CreatableReactSelect } from '../CreatableReactSelect';
 import { ReactSelect } from '../ReactSelect';
 import { AsyncReactSelect } from '../AsyncReactSelect';
@@ -37,15 +38,14 @@ var getControlRef = function (innerRef) {
     }
     return controlRef;
 };
-var id = 0;
-var getInputId = function () { return "custom-select-".concat(id++); };
+var EMPTY_OBJECT = {};
 export 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 ? noop : _e, _f = props.onInputChange, onInputChangeProp = _f === void 0 ? 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 : getOptions ? AsyncReactSelect : ReactSelect;
-    var _b = useState(''), inputValue = _b[0], setInputValue = _b[1];
+    var _k = useState(''), inputValue = _k[0], setInputValue = _k[1];
     var multiSelectClasses = useStyles(omit(['classes'], props));
-    var inputId = getInputId();
-    var innerRef = useRef();
+    var inputId = useId();
+    var innerRef = useRef(null);
     useKeepInputVisible(props.value, getControlRef(innerRef));
     var components = __assign(__assign({}, customComponents), componentsProp);
     var classes = mergeClasses(multiSelectClasses, classesProp);
@@ -74,17 +74,7 @@ export var MultiSelect = function (props) {
                 } }, props.TextFieldProps)
         }
         : {};
-    return (React.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)));
-};
-MultiSelect.defaultProps = {
-    creatable: false,
-    cacheOptions: true,
-    components: {},
-    classes: {},
-    placeholder: '',
-    loadingIndicator: false,
-    onInputChange: function () { },
-    onChange: function () { }
+    return (React.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)));
 };
 MultiSelect.propTypes = {
     /**

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

@@ -30,8 +30,10 @@ import { MultiValueChip } from '../MultiValueChip';
 import { EmptyStub } from '../EmptyStub';
 import { MultiSelect } from '../MultiSelect';
 import { useStyles, customStyles } from './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 = useStyles();
     var inputRef = useRef(null);
     var valueToOption = useCallback(function (value) { return options.find(function (option) { return option.value === value; }) || { value: value, label: value }; }, [options]);

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

@@ -32,11 +32,11 @@ export var Popper = 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 ? identity : _e, otherProps = __rest(_a, ["open", "anchorEl", "className", "modal", "excludeAnchorFromBackdrop", "onClose"]);
     var styles = useStyles();
-    var leftBackdropRef = useRef();
-    var rightBackdropRef = useRef();
-    var topBackdropRef = useRef();
-    var bottomBackdropRef = useRef();
-    var rafIdRef = useRef();
+    var leftBackdropRef = useRef(null);
+    var rightBackdropRef = useRef(null);
+    var topBackdropRef = useRef(null);
+    var bottomBackdropRef = useRef(null);
+    var rafIdRef = useRef(null);
     var currentTheme = useTheme();
     useEffect(function () {
         if (open && modal) {

package/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 {};