@mtes-mct/monitor-ui 2.6.0 → 2.7.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React UI components and styles for Monitorfish and Monitorenv.",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "license": "AGPL-3.0",
   "engines": {
     "node": ">=18"

package/src/fields/AutoComplete.d.ts

@@ -1,7 +1,9 @@
 import type { Option } from '../types';
 import type { AutoCompleteProps as RsuiteAutoCompleteProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export type AutoCompleteProps = Omit<RsuiteAutoCompleteProps, 'as' | 'container' | 'data' | 'id' | 'onChange' | 'onSelect' | 'value'> & {
+export type AutoCompleteProps = Omit<RsuiteAutoCompleteProps, 'as' | 'container' | 'data' | 'id' | 'onChange' | 'open' | 'onSelect' | 'value'> & {
+    /** Used to pass something else than `window.document` as a base container to attach global events listeners. */
+    baseContainer?: Document | HTMLDivElement | null;
     error?: string;
     isLabelHidden?: boolean;
     isLight?: boolean;
@@ -13,4 +15,4 @@ export type AutoCompleteProps = Omit<RsuiteAutoCompleteProps, 'as' | 'container'
     queryMap?: (record: Record<string, any>) => Option;
     queryUrl?: string;
 };
-export declare function AutoComplete({ defaultValue, error, isLabelHidden, isLight, label, onChange, onQuery, options, queryMap, queryUrl, ...originalProps }: AutoCompleteProps): JSX.Element;
+export declare function AutoComplete({ baseContainer, defaultValue, error, isLabelHidden, isLight, label, onChange, onQuery, options, queryMap, queryUrl, ...originalProps }: AutoCompleteProps): JSX.Element;

package/src/fields/DatePicker/index.d.ts

@@ -1,6 +1,8 @@
 import type { HTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
 export type DatePickerProps = Omit<HTMLAttributes<HTMLFieldSetElement>, 'defaultValue' | 'onChange'> & {
+    /** Used to pass something else than `window.document` as a base container to attach global events listeners. */
+    baseContainer?: Document | HTMLDivElement | null;
     defaultValue?: Date;
     disabled?: boolean;
     isCompact?: boolean;
@@ -24,4 +26,4 @@ export type DatePickerProps = Omit<HTMLAttributes<HTMLFieldSetElement>, 'default
     onChange?: (nextUtcDate: Date) => Promisable<void>;
     withTime?: boolean;
 };
-export declare function DatePicker({ defaultValue, disabled, isCompact, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime, ...nativeProps }: DatePickerProps): JSX.Element;
+export declare function DatePicker({ baseContainer, defaultValue, disabled, isCompact, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime, ...nativeProps }: DatePickerProps): JSX.Element;

package/src/fields/DateRangePicker/index.d.ts

@@ -2,6 +2,8 @@ import type { DateRange } from '../../types';
 import type { HTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
 export type DateRangePickerProps = Omit<HTMLAttributes<HTMLFieldSetElement>, 'defaultValue' | 'onChange'> & {
+    /** Used to pass something else than `window.document` as a base container to attach global events listeners. */
+    baseContainer?: Document | HTMLDivElement | null;
     defaultValue?: DateRange;
     disabled?: boolean;
     isCompact?: boolean;
@@ -25,4 +27,4 @@ export type DateRangePickerProps = Omit<HTMLAttributes<HTMLFieldSetElement>, 'de
     onChange?: (nextUtcDateRange: DateRange) => Promisable<void>;
     withTime?: boolean;
 };
-export declare function DateRangePicker({ defaultValue, disabled, isCompact, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime, ...nativeProps }: DateRangePickerProps): JSX.Element;
+export declare function DateRangePicker({ baseContainer, defaultValue, disabled, isCompact, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime, ...nativeProps }: DateRangePickerProps): JSX.Element;

package/src/fields/MultiSelect.d.ts

@@ -2,6 +2,8 @@ import type { Option } from '../types';
 import type { TagPickerProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
 export type MultiSelectProps = Omit<TagPickerProps, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'value'> & {
+    /** Used to pass something else than `window.document` as a base container to attach global events listeners. */
+    baseContainer?: Document | HTMLDivElement | null;
     defaultValue?: string[];
     error?: string;
     /** Width in pixels */
@@ -13,4 +15,4 @@ export type MultiSelectProps = Omit<TagPickerProps, 'as' | 'container' | 'data'
     onChange?: (nextValue: string[] | undefined) => Promisable<void>;
     options: Option[];
 };
-export declare function MultiSelect({ error, fixedWidth, isLabelHidden, isLight, label, onChange, options, searchable, ...originalProps }: MultiSelectProps): JSX.Element;
+export declare function MultiSelect({ baseContainer, error, fixedWidth, isLabelHidden, isLight, label, onChange, options, searchable, ...originalProps }: MultiSelectProps): JSX.Element;

package/src/fields/Select.d.ts

@@ -2,6 +2,8 @@ import type { Option } from '../types';
 import type { SelectPickerProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
 export type SelectProps = Omit<SelectPickerProps<any>, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'value'> & {
+    /** Used to pass something else than `window.document` as a base container to attach global events listeners. */
+    baseContainer?: Document | HTMLDivElement | null;
     defaultValue?: string;
     error?: string;
     isLabelHidden?: boolean;
@@ -11,4 +13,4 @@ export type SelectProps = Omit<SelectPickerProps<any>, 'as' | 'container' | 'dat
     onChange?: (nextValue: string | undefined) => Promisable<void>;
     options: Option[];
 };
-export declare function Select({ error, isLabelHidden, isLight, label, onChange, options, searchable, ...originalProps }: SelectProps): JSX.Element;
+export declare function Select({ baseContainer, error, isLabelHidden, isLight, label, onChange, options, searchable, ...originalProps }: SelectProps): JSX.Element;

package/src/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import type { MutableRefObject } from 'react';
+import type { Promisable } from 'type-fest';
+export declare const useClickOutside: (zoneRefOrzoneRefs: MutableRefObject<any> | MutableRefObject<any>[], action: () => Promisable<void>, baseContainer?: Document | HTMLDivElement | null) => void;

package/src/index.d.ts

@@ -37,6 +37,8 @@ export { FormikSelect } from './formiks/FormikSelect';
 export { FormikTextarea } from './formiks/FormikTextarea';
 export { FormikTextInput } from './formiks/FormikTextInput';
 export * as Icon from './icons';
+export { useClickOutside } from './hooks/useClickOutside';
+export { useForceUpdate } from './hooks/useForceUpdate';
 export type { PartialTheme, Theme } from './theme';
 export type { DateRange, IconProps, Option } from './types';
 export type { DropdownProps, DropdownItemProps } from './components/Dropdown';