@mezzanine-ui/react 0.13.10 → 0.14.0

package/Picker/usePickerDocumentEventClose.js

@@ -2,26 +2,26 @@ import { useClickAway } from '../hooks/useClickAway.js';
 import { useDocumentEscapeKeyDown } from '../hooks/useDocumentEscapeKeyDown.js';
 import { useTabKeyClose } from './useTabKeyClose.js';
 
-function usePickerDocumentEventClose({ anchorRef, lastElementRefInFlow, onClose, onChangeClose, open, popperRef, }) {
-    useClickAway(() => {
-        if (!open) {
-            return;
-        }
-        return (event) => {
-            var _a;
-            if (!((_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
-                onChangeClose();
-            }
-        };
-    }, anchorRef, [open, onClose]);
-    /** Close popper when escape key down */
-    useDocumentEscapeKeyDown(() => () => {
-        if (open) {
-            onClose();
-        }
-    }, [open, onClose]);
-    /** Close popper when tab key down */
-    useTabKeyClose(onChangeClose, lastElementRefInFlow, [onChangeClose]);
+function usePickerDocumentEventClose({ anchorRef, lastElementRefInFlow, onClose, onChangeClose, open, popperRef, }) {
+    useClickAway(() => {
+        if (!open) {
+            return;
+        }
+        return (event) => {
+            var _a;
+            if (!((_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                onChangeClose();
+            }
+        };
+    }, anchorRef, [open, onClose]);
+    /** Close popper when escape key down */
+    useDocumentEscapeKeyDown(() => () => {
+        if (open) {
+            onClose();
+        }
+    }, [open, onClose]);
+    /** Close popper when tab key down */
+    useTabKeyClose(onChangeClose, lastElementRefInFlow, [onChangeClose]);
 }
 
 export { usePickerDocumentEventClose };

package/Picker/usePickerInputValue.d.ts

@@ -1,12 +1,12 @@
-import { ChangeEventHandler } from 'react';
-export interface UsePickerInputValueProps {
-    defaultValue?: string;
-    initialValue?: string;
-    onChange?: (val: string) => void;
-}
-export declare function usePickerInputValue(props?: UsePickerInputValueProps): {
-    inputValue: string;
-    inputChangeHandler: ChangeEventHandler<HTMLInputElement>;
-    onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
-};
-export default usePickerInputValue;
+import { ChangeEventHandler } from 'react';
+export interface UsePickerInputValueProps {
+    defaultValue?: string;
+    initialValue?: string;
+    onChange?: (val: string) => void;
+}
+export declare function usePickerInputValue(props?: UsePickerInputValueProps): {
+    inputValue: string;
+    inputChangeHandler: ChangeEventHandler<HTMLInputElement>;
+    onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+export default usePickerInputValue;

package/Picker/usePickerInputValue.js

@@ -1,23 +1,23 @@
 import { useState } from 'react';
 
-function usePickerInputValue(props) {
-    const { defaultValue = '', initialValue = '', onChange: onChangeProp, } = props || {};
-    const [value, setValue] = useState(initialValue || defaultValue);
-    const onChange = (val) => {
-        setValue(val);
-        if (onChangeProp) {
-            onChangeProp(val);
-        }
-    };
-    const onInputChange = (event) => {
-        const val = event.target.value;
-        onChange(val);
-    };
-    return {
-        inputValue: value,
-        inputChangeHandler: onInputChange,
-        onChange: setValue,
-    };
+function usePickerInputValue(props) {
+    const { defaultValue = '', initialValue = '', onChange: onChangeProp, } = props || {};
+    const [value, setValue] = useState(initialValue || defaultValue);
+    const onChange = (val) => {
+        setValue(val);
+        if (onChangeProp) {
+            onChangeProp(val);
+        }
+    };
+    const onInputChange = (event) => {
+        const val = event.target.value;
+        onChange(val);
+    };
+    return {
+        inputValue: value,
+        inputChangeHandler: onInputChange,
+        onChange: setValue,
+    };
 }
 
 export { usePickerInputValue as default, usePickerInputValue };

package/Picker/usePickerValue.d.ts

@@ -1,20 +1,20 @@
-import { DateType } from '@mezzanine-ui/core/calendar';
-import { FocusEventHandler, KeyboardEventHandler, RefObject } from 'react';
-export declare type UsePickerValueProps = {
-    defaultValue?: DateType;
-    format: string;
-    formats: string[];
-    inputRef: RefObject<HTMLInputElement>;
-    value?: DateType;
-};
-/**
- * This hook keep tracks of an internal value.
- */
-export declare function usePickerValue({ defaultValue, format, formats, inputRef, value: valueProp, }: UsePickerValueProps): {
-    inputValue: string;
-    onBlur: FocusEventHandler<HTMLInputElement>;
-    onChange: (val?: DateType) => void;
-    onInputChange: import("react").ChangeEventHandler<HTMLInputElement>;
-    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
-    value: string | undefined;
-};
+import { DateType } from '@mezzanine-ui/core/calendar';
+import { FocusEventHandler, KeyboardEventHandler, RefObject } from 'react';
+export type UsePickerValueProps = {
+    defaultValue?: DateType;
+    format: string;
+    formats: string[];
+    inputRef: RefObject<HTMLInputElement>;
+    value?: DateType;
+};
+/**
+ * This hook keep tracks of an internal value.
+ */
+export declare function usePickerValue({ defaultValue, format, formats, inputRef, value: valueProp, }: UsePickerValueProps): {
+    inputValue: string;
+    onBlur: FocusEventHandler<HTMLInputElement>;
+    onChange: (val?: DateType) => void;
+    onInputChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    value: string | undefined;
+};

package/Picker/usePickerValue.js

@@ -2,57 +2,57 @@ import { useState, useEffect } from 'react';
 import { useCalendarContext } from '../Calendar/CalendarContext.js';
 import { usePickerInputValue } from './usePickerInputValue.js';
 
-/**
- * This hook keep tracks of an internal value.
- */
-function usePickerValue({ defaultValue, format, formats, inputRef, value: valueProp, }) {
-    const { formatToString, parse, valueLocale, } = useCalendarContext();
-    const inputDefaultValue = defaultValue ? formatToString(valueLocale, defaultValue, format) : '';
-    const [value, setValue] = useState(valueProp);
-    const onChange = (val) => {
-        setValue(val);
-    };
-    const onInputChange = (val) => {
-        const valDateType = parse(valueLocale, val, formats);
-        onChange(valDateType);
-    };
-    const { inputChangeHandler, inputValue, onChange: setInputValue, } = usePickerInputValue({
-        defaultValue: inputDefaultValue,
-        onChange: onInputChange,
-    });
-    useEffect(() => {
-        const valString = valueProp ? formatToString(valueLocale, valueProp, format) : '';
-        setInputValue(valString);
-        onChange(valueProp);
-    }, [valueProp]);
-    const onSyncInputAndStateChange = (val) => {
-        const valueString = val ? formatToString(valueLocale, val, format) : '';
-        setInputValue(valueString);
-        setValue(val);
-    };
-    const guardValidDateTypeOnEvents = () => {
-        if (!value) {
-            onSyncInputAndStateChange(valueProp);
-        }
-    };
-    const guardValidDateTypeOnKeyDown = (event) => {
-        var _a;
-        if (event.key === 'Enter' || event.key === 'Escape') {
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-            guardValidDateTypeOnEvents();
-        }
-    };
-    const onBlur = () => {
-        guardValidDateTypeOnEvents();
-    };
-    return {
-        inputValue,
-        onBlur,
-        onChange: onSyncInputAndStateChange,
-        onInputChange: inputChangeHandler,
-        onKeyDown: guardValidDateTypeOnKeyDown,
-        value,
-    };
+/**
+ * This hook keep tracks of an internal value.
+ */
+function usePickerValue({ defaultValue, format, formats, inputRef, value: valueProp, }) {
+    const { formatToString, parse, valueLocale, } = useCalendarContext();
+    const inputDefaultValue = defaultValue ? formatToString(valueLocale, defaultValue, format) : '';
+    const [value, setValue] = useState(valueProp);
+    const onChange = (val) => {
+        setValue(val);
+    };
+    const onInputChange = (val) => {
+        const valDateType = parse(valueLocale, val, formats);
+        onChange(valDateType);
+    };
+    const { inputChangeHandler, inputValue, onChange: setInputValue, } = usePickerInputValue({
+        defaultValue: inputDefaultValue,
+        onChange: onInputChange,
+    });
+    useEffect(() => {
+        const valString = valueProp ? formatToString(valueLocale, valueProp, format) : '';
+        setInputValue(valString);
+        onChange(valueProp);
+    }, [valueProp]);
+    const onSyncInputAndStateChange = (val) => {
+        const valueString = val ? formatToString(valueLocale, val, format) : '';
+        setInputValue(valueString);
+        setValue(val);
+    };
+    const guardValidDateTypeOnEvents = () => {
+        if (!value) {
+            onSyncInputAndStateChange(valueProp);
+        }
+    };
+    const guardValidDateTypeOnKeyDown = (event) => {
+        var _a;
+        if (event.key === 'Enter' || event.key === 'Escape') {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+            guardValidDateTypeOnEvents();
+        }
+    };
+    const onBlur = () => {
+        guardValidDateTypeOnEvents();
+    };
+    return {
+        inputValue,
+        onBlur,
+        onChange: onSyncInputAndStateChange,
+        onInputChange: inputChangeHandler,
+        onKeyDown: guardValidDateTypeOnKeyDown,
+        value,
+    };
 }
 
 export { usePickerValue };

package/Picker/useRangePickerValue.d.ts

@@ -1,20 +1,20 @@
-import { RangePickerPickingValue, RangePickerValue } from '@mezzanine-ui/core/picker';
-import { ChangeEventHandler, KeyboardEventHandler, RefObject } from 'react';
-import { UsePickerValueProps } from './usePickerValue';
-export interface UseRangePickerValueProps extends Pick<UsePickerValueProps, 'format' | 'formats'> {
-    inputFromRef: RefObject<HTMLInputElement>;
-    inputToRef: RefObject<HTMLInputElement>;
-    value?: RangePickerValue;
-}
-export declare function useRangePickerValue({ format, formats, inputFromRef, inputToRef, value: valueProp, }: UseRangePickerValueProps): {
-    inputFromValue: string;
-    inputToValue: string;
-    onChange: (target?: RangePickerPickingValue) => RangePickerPickingValue | undefined;
-    onFromBlur: import("react").FocusEventHandler<HTMLInputElement>;
-    onFromKeyDown: KeyboardEventHandler<HTMLInputElement>;
-    onInputFromChange: ChangeEventHandler<HTMLInputElement>;
-    onInputToChange: ChangeEventHandler<HTMLInputElement>;
-    onToBlur: import("react").FocusEventHandler<HTMLInputElement>;
-    onToKeyDown: KeyboardEventHandler<HTMLInputElement>;
-    value: RangePickerPickingValue<string>;
-};
+import { RangePickerPickingValue, RangePickerValue } from '@mezzanine-ui/core/picker';
+import { ChangeEventHandler, KeyboardEventHandler, RefObject } from 'react';
+import { UsePickerValueProps } from './usePickerValue';
+export interface UseRangePickerValueProps extends Pick<UsePickerValueProps, 'format' | 'formats'> {
+    inputFromRef: RefObject<HTMLInputElement>;
+    inputToRef: RefObject<HTMLInputElement>;
+    value?: RangePickerValue;
+}
+export declare function useRangePickerValue({ format, formats, inputFromRef, inputToRef, value: valueProp, }: UseRangePickerValueProps): {
+    inputFromValue: string;
+    inputToValue: string;
+    onChange: (target?: RangePickerPickingValue) => RangePickerPickingValue | undefined;
+    onFromBlur: import("react").FocusEventHandler<HTMLInputElement>;
+    onFromKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    onInputFromChange: ChangeEventHandler<HTMLInputElement>;
+    onInputToChange: ChangeEventHandler<HTMLInputElement>;
+    onToBlur: import("react").FocusEventHandler<HTMLInputElement>;
+    onToKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    value: RangePickerPickingValue;
+};

package/Picker/useRangePickerValue.js

@@ -1,94 +1,94 @@
 import { usePickerValue } from './usePickerValue.js';
 import { useCalendarContext } from '../Calendar/CalendarContext.js';
 
-function useRangePickerValue({ format, formats, inputFromRef, inputToRef, value: valueProp, }) {
-    const { parse: parseFromConfig, valueLocale, isBefore, } = useCalendarContext();
-    function parse(val) {
-        return parseFromConfig(valueLocale, val, formats);
-    }
-    function sortValues(valueToSort) {
-        const [v1, v2] = valueToSort;
-        return isBefore(v1, v2) ? [v1, v2] : [v2, v1];
-    }
-    const { inputValue: inputFromValue, onBlur: onFromBlur, onChange: onFromChange, onInputChange: onInputFromChange, onKeyDown: onFromKeyDown, value: from, } = usePickerValue({
-        format,
-        formats,
-        value: valueProp === null || valueProp === void 0 ? void 0 : valueProp[0],
-        inputRef: inputFromRef,
-    });
-    const { inputValue: inputToValue, onBlur: onToBlur, onChange: onToChange, onInputChange: onInputToChange, onKeyDown: onToKeyDown, value: to, } = usePickerValue({
-        format,
-        formats,
-        value: valueProp === null || valueProp === void 0 ? void 0 : valueProp[1],
-        inputRef: inputToRef,
-    });
-    const value = [from, to];
-    const onChange = (target) => {
-        const [newFrom, newTo] = target || [];
-        if (newFrom && newTo) {
-            const sortedVal = sortValues([newFrom, newTo]);
-            onFromChange(sortedVal[0]);
-            onToChange(sortedVal[1]);
-            return sortedVal;
-        }
-        onFromChange(target === null || target === void 0 ? void 0 : target[0]);
-        onToChange(target === null || target === void 0 ? void 0 : target[1]);
-        return target;
-    };
-    const onOrderGuardedInputFromChange = (event) => {
-        onInputFromChange(event);
-        const currentVal = parse(event.target.value);
-        if (currentVal && to) {
-            if (isBefore(to, currentVal)) {
-                onToChange(undefined);
-            }
-        }
-    };
-    const onOrderGuardedInputToChange = (event) => {
-        onInputToChange(event);
-        const currentVal = parse(event.target.value);
-        if (currentVal && from) {
-            if (isBefore(currentVal, from)) {
-                onFromChange(undefined);
-            }
-        }
-    };
-    const guardValidValueOnFromKeyDown = (event) => {
-        var _a, _b;
-        onFromKeyDown(event);
-        if (event.key === 'Enter') {
-            if (from && !to) {
-                (_a = inputToRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            else if (to && !from) {
-                (_b = inputFromRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-        }
-    };
-    const guardValidValueOnToKeyDown = (event) => {
-        var _a, _b;
-        onToKeyDown(event);
-        if (event.key === 'Enter') {
-            if (from && !to) {
-                (_a = inputToRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            else if (to && !from) {
-                (_b = inputFromRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-        }
-    };
-    return {
-        inputFromValue,
-        inputToValue,
-        onChange,
-        onFromBlur,
-        onFromKeyDown: guardValidValueOnFromKeyDown,
-        onInputFromChange: onOrderGuardedInputFromChange,
-        onInputToChange: onOrderGuardedInputToChange,
-        onToBlur,
-        onToKeyDown: guardValidValueOnToKeyDown,
-        value,
-    };
+function useRangePickerValue({ format, formats, inputFromRef, inputToRef, value: valueProp, }) {
+    const { parse: parseFromConfig, valueLocale, isBefore, } = useCalendarContext();
+    function parse(val) {
+        return parseFromConfig(valueLocale, val, formats);
+    }
+    function sortValues(valueToSort) {
+        const [v1, v2] = valueToSort;
+        return isBefore(v1, v2) ? [v1, v2] : [v2, v1];
+    }
+    const { inputValue: inputFromValue, onBlur: onFromBlur, onChange: onFromChange, onInputChange: onInputFromChange, onKeyDown: onFromKeyDown, value: from, } = usePickerValue({
+        format,
+        formats,
+        value: valueProp === null || valueProp === void 0 ? void 0 : valueProp[0],
+        inputRef: inputFromRef,
+    });
+    const { inputValue: inputToValue, onBlur: onToBlur, onChange: onToChange, onInputChange: onInputToChange, onKeyDown: onToKeyDown, value: to, } = usePickerValue({
+        format,
+        formats,
+        value: valueProp === null || valueProp === void 0 ? void 0 : valueProp[1],
+        inputRef: inputToRef,
+    });
+    const value = [from, to];
+    const onChange = (target) => {
+        const [newFrom, newTo] = target || [];
+        if (newFrom && newTo) {
+            const sortedVal = sortValues([newFrom, newTo]);
+            onFromChange(sortedVal[0]);
+            onToChange(sortedVal[1]);
+            return sortedVal;
+        }
+        onFromChange(target === null || target === void 0 ? void 0 : target[0]);
+        onToChange(target === null || target === void 0 ? void 0 : target[1]);
+        return target;
+    };
+    const onOrderGuardedInputFromChange = (event) => {
+        onInputFromChange(event);
+        const currentVal = parse(event.target.value);
+        if (currentVal && to) {
+            if (isBefore(to, currentVal)) {
+                onToChange(undefined);
+            }
+        }
+    };
+    const onOrderGuardedInputToChange = (event) => {
+        onInputToChange(event);
+        const currentVal = parse(event.target.value);
+        if (currentVal && from) {
+            if (isBefore(currentVal, from)) {
+                onFromChange(undefined);
+            }
+        }
+    };
+    const guardValidValueOnFromKeyDown = (event) => {
+        var _a, _b;
+        onFromKeyDown(event);
+        if (event.key === 'Enter') {
+            if (from && !to) {
+                (_a = inputToRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+            else if (to && !from) {
+                (_b = inputFromRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+        }
+    };
+    const guardValidValueOnToKeyDown = (event) => {
+        var _a, _b;
+        onToKeyDown(event);
+        if (event.key === 'Enter') {
+            if (from && !to) {
+                (_a = inputToRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+            else if (to && !from) {
+                (_b = inputFromRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+        }
+    };
+    return {
+        inputFromValue,
+        inputToValue,
+        onChange,
+        onFromBlur,
+        onFromKeyDown: guardValidValueOnFromKeyDown,
+        onInputFromChange: onOrderGuardedInputFromChange,
+        onInputToChange: onOrderGuardedInputToChange,
+        onToBlur,
+        onToKeyDown: guardValidValueOnToKeyDown,
+        value,
+    };
 }
 
 export { useRangePickerValue };

package/Picker/useTabKeyClose.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList, RefObject } from 'react';
-export declare function useTabKeyClose(onClose: VoidFunction, lastElementRefInFlow: RefObject<HTMLElement>, deps?: DependencyList): void;
+import { DependencyList, RefObject } from 'react';
+export declare function useTabKeyClose(onClose: VoidFunction, lastElementRefInFlow: RefObject<HTMLElement>, deps?: DependencyList): void;

package/Picker/useTabKeyClose.js

@@ -1,12 +1,12 @@
 import { useDocumentTabKeyDown } from '../hooks/useDocumentTabKeyDown.js';
 
-function useTabKeyClose(onClose, lastElementRefInFlow, deps) {
-    useDocumentTabKeyDown(() => () => {
-        const { activeElement } = document;
-        if (activeElement === lastElementRefInFlow.current) {
-            onClose();
-        }
-    }, deps);
+function useTabKeyClose(onClose, lastElementRefInFlow, deps) {
+    useDocumentTabKeyDown(() => () => {
+        const { activeElement } = document;
+        if (activeElement === lastElementRefInFlow.current) {
+            onClose();
+        }
+    }, deps);
 }
 
 export { useTabKeyClose };

package/Popconfirm/Popconfirm.d.ts

@@ -1,16 +1,16 @@
-import { ReactNode } from 'react';
-import { IconDefinition } from '@mezzanine-ui/icons';
-import { PopoverProps } from '../Popover';
-import { ConfirmActionsProps } from '../ConfirmActions';
-export interface PopconfirmProps extends PopoverProps, Pick<ConfirmActionsProps, 'cancelButtonProps' | 'cancelText' | 'confirmButtonProps' | 'confirmText' | 'onCancel' | 'onConfirm'> {
-    /**
-     * Customize the icon on the popconfirm
-     */
-    icon?: IconDefinition;
-    /**
-     * the title of the confirmation box
-     */
-    title?: ReactNode;
-}
-declare const Popconfirm: import("react").ForwardRefExoticComponent<PopconfirmProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Popconfirm;
+import { ReactNode } from 'react';
+import { IconDefinition } from '@mezzanine-ui/icons';
+import { PopoverProps } from '../Popover';
+import { ConfirmActionsProps } from '../ConfirmActions';
+export interface PopconfirmProps extends PopoverProps, Pick<ConfirmActionsProps, 'cancelButtonProps' | 'cancelText' | 'confirmButtonProps' | 'confirmText' | 'onCancel' | 'onConfirm'> {
+    /**
+     * Customize the icon on the popconfirm
+     */
+    icon?: IconDefinition;
+    /**
+     * the title of the confirmation box
+     */
+    title?: ReactNode;
+}
+declare const Popconfirm: import("react").ForwardRefExoticComponent<PopconfirmProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Popconfirm;

package/Popconfirm/Popconfirm.js

@@ -7,10 +7,10 @@ import Icon from '../Icon/Icon.js';
 import ConfirmActions from '../ConfirmActions/ConfirmActions.js';
 import cx from 'clsx';
 
-const Popconfirm = forwardRef(function Popconfirm(props, ref) {
-    const { className, container, cancelButtonProps, cancelText, confirmButtonProps, confirmText, icon = ExclamationCircleFilledIcon, onCancel, onConfirm, title, ...rest } = props;
-    return (jsx(Popover, { ...rest, ref: ref, className: cx(popConfirmClasses.host, className), title: (jsxs(Fragment, { children: [jsx(Icon, { className: popConfirmClasses.icon, icon: icon }), title] })), children: jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, confirmButtonProps: confirmButtonProps, confirmText: confirmText, onCancel: onCancel, onConfirm: onConfirm, size: "small" }) }));
-});
+const Popconfirm = forwardRef(function Popconfirm(props, ref) {
+    const { className, container, cancelButtonProps, cancelText, confirmButtonProps, confirmText, icon = ExclamationCircleFilledIcon, onCancel, onConfirm, title, ...rest } = props;
+    return (jsx(Popover, { ...rest, ref: ref, className: cx(popConfirmClasses.host, className), title: (jsxs(Fragment, { children: [jsx(Icon, { className: popConfirmClasses.icon, icon: icon }), title] })), children: jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, confirmButtonProps: confirmButtonProps, confirmText: confirmText, onCancel: onCancel, onConfirm: onConfirm, size: "small" }) }));
+});
 var Popconfirm$1 = Popconfirm;
 
 export { Popconfirm$1 as default };

package/Popconfirm/index.d.ts

@@ -1 +1 @@
-export { PopconfirmProps, default, } from './Popconfirm';
+export { PopconfirmProps, default, } from './Popconfirm';

package/Popover/Popover.d.ts

@@ -1,23 +1,23 @@
-import { ReactNode } from 'react';
-import { PopperProps } from '../Popper';
-import { ClickAwayEvent } from '../hooks/useClickAway';
-export interface PopoverProps extends Omit<PopperProps, 'title'> {
-    /**
-     * Whether to disable triggering onClose while clicked away.
-     * @default false
-     */
-    disableClickAway?: boolean;
-    /**
-     * The handler fired while clicked away.
-     */
-    onClose?: (event: ClickAwayEvent) => void;
-    /**
-     * the title of popover
-     */
-    title?: ReactNode;
-}
-/**
- * The react component for `mezzanine` popover.
- */
-declare const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Popover;
+import { ReactNode } from 'react';
+import { PopperProps } from '../Popper';
+import { ClickAwayEvent } from '../hooks/useClickAway';
+export interface PopoverProps extends Omit<PopperProps, 'title'> {
+    /**
+     * Whether to disable triggering onClose while clicked away.
+     * @default false
+     */
+    disableClickAway?: boolean;
+    /**
+     * The handler fired while clicked away.
+     */
+    onClose?: (event: ClickAwayEvent) => void;
+    /**
+     * the title of popover
+     */
+    title?: ReactNode;
+}
+/**
+ * The react component for `mezzanine` popover.
+ */
+declare const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Popover;