@mtes-mct/monitor-ui 2.3.2 → 2.4.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.3.2",
+  "version": "2.4.0",
   "license": "AGPL-3.0",
   "engines": {
     "node": "18",

package/src/elements/Label.d.ts

@@ -1,7 +1,9 @@
 import type { LabelHTMLAttributes } from 'react';
 export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
+    isDisabled?: boolean;
     isHidden?: boolean;
 };
 export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    isDisabled?: boolean | undefined;
     isHidden?: boolean | undefined;
 }, never>;

package/src/elements/Legend.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from 'react';
 export type LegendProps = HTMLAttributes<HTMLLegendElement> & {
+    isDisabled?: boolean;
     isHidden?: boolean;
 };
-export declare function Legend({ isHidden, ...nativeProps }: LegendProps): JSX.Element;
+export declare function Legend({ isDisabled, isHidden, ...nativeProps }: LegendProps): JSX.Element;

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

@@ -3,9 +3,9 @@ import type { Promisable } from 'type-fest';
 type CalendarPickerProps = {
     defaultValue?: Date;
     isHistorical?: boolean;
+    isOpen: boolean;
     onChange: (nextDateTuple: DateTuple) => Promisable<void>;
 };
-export declare function CalendarPicker({ defaultValue, isHistorical, onChange }: CalendarPickerProps): JSX.Element;
-export declare const RsuiteCalendarPickerModalGlobalStyle: any;
+export declare function CalendarPicker({ defaultValue, isHistorical, isOpen, onChange }: CalendarPickerProps): JSX.Element;
 export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -2,6 +2,8 @@ import type { HTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
 export type DatePickerProps = Omit<HTMLAttributes<HTMLFieldSetElement>, 'defaultValue' | 'onChange'> & {
     defaultValue?: Date;
+    disabled?: boolean;
+    isCompact?: boolean;
     /** Only allow past dates until today. */
     isHistorical?: boolean;
     isLabelHidden?: boolean;
@@ -22,4 +24,4 @@ export type DatePickerProps = Omit<HTMLAttributes<HTMLFieldSetElement>, 'default
     onChange?: (nextUtcDate: Date) => Promisable<void>;
     withTime?: boolean;
 };
-export declare function DatePicker({ defaultValue, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime, ...nativeProps }: DatePickerProps): JSX.Element;
+export declare function DatePicker({ defaultValue, disabled, isCompact, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime, ...nativeProps }: DatePickerProps): JSX.Element;

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

@@ -4,21 +4,25 @@ import type { DateTuple, DateOrTimeInputRef } from './types';
 import type { Promisable } from 'type-fest';
 export type DateInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'onNext'> & {
     defaultValue?: DateTuple;
+    disabled: boolean;
+    isCompact: boolean;
     isEndDate?: boolean;
     isForcedFocused: boolean;
     isLight: boolean;
     isStartDate?: boolean;
     /** Called each time the date input is changed to a new valid value. */
-    onChange: (nextDateTuple: DateTuple) => Promisable<void>;
+    onChange: (nextDateTuple: DateTuple, isFilled: boolean) => Promisable<void>;
     onClick: () => Promisable<void>;
 };
 export declare const DateInput: import("react").ForwardRefExoticComponent<Pick<NumberInputProps, "onBack" | "onNext" | "onPrevious"> & {
     defaultValue?: DateTuple | undefined;
+    disabled: boolean;
+    isCompact: boolean;
     isEndDate?: boolean | undefined;
     isForcedFocused: boolean;
     isLight: boolean;
     isStartDate?: boolean | undefined;
     /** Called each time the date input is changed to a new valid value. */
-    onChange: (nextDateTuple: DateTuple) => Promisable<void>;
+    onChange: (nextDateTuple: DateTuple, isFilled: boolean) => Promisable<void>;
     onClick: () => Promisable<void>;
 } & import("react").RefAttributes<DateOrTimeInputRef>>;

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

@@ -1,6 +1,7 @@
 import type { InputHTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
 export type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'onInput' | 'pattern' | 'type'> & {
+    isLight: boolean;
     max: number;
     min: number;
     /** Called when the use press backspace key while the input is empty. */
@@ -16,6 +17,7 @@ export type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'maxL
     size: number;
 };
 export declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "pattern" | "onInput" | "type" | "maxLength"> & {
+    isLight: boolean;
     max: number;
     min: number;
     /** Called when the use press backspace key while the input is empty. */

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

@@ -4,7 +4,8 @@ import type { Promisable } from 'type-fest';
 type RangeCalendarPickerProps = {
     defaultValue?: DateRange;
     isHistorical?: boolean;
+    isOpen: boolean;
     onChange: (nextDateTupleRange: DateTupleRange) => Promisable<void>;
 };
-export declare function RangeCalendarPicker({ defaultValue, isHistorical, onChange }: RangeCalendarPickerProps): JSX.Element;
+export declare function RangeCalendarPicker({ defaultValue, isHistorical, isOpen, onChange }: RangeCalendarPickerProps): JSX.Element;
 export {};

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

@@ -4,6 +4,8 @@ import type { DateOrTimeInputRef, TimeTuple } from './types';
 import type { Promisable } from 'type-fest';
 export type TimeInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'onNext'> & {
     defaultValue?: TimeTuple;
+    disabled: boolean;
+    isCompact: boolean;
     isEndDate?: boolean;
     isLight: boolean;
     isStartDate?: boolean;
@@ -16,6 +18,8 @@ export type TimeInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'o
 };
 export declare const TimeInput: import("react").ForwardRefExoticComponent<Pick<NumberInputProps, "onBack" | "onNext" | "onPrevious"> & {
     defaultValue?: TimeTuple | undefined;
+    disabled: boolean;
+    isCompact: boolean;
     isEndDate?: boolean | undefined;
     isLight: boolean;
     isStartDate?: boolean | undefined;

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

@@ -3,6 +3,8 @@ import type { HTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
 export type DateRangePickerProps = Omit<HTMLAttributes<HTMLFieldSetElement>, 'defaultValue' | 'onChange'> & {
     defaultValue?: DateRange;
+    disabled?: boolean;
+    isCompact?: boolean;
     /** Only allow past dates until today. */
     isHistorical?: boolean;
     isLabelHidden?: boolean;
@@ -23,4 +25,4 @@ export type DateRangePickerProps = Omit<HTMLAttributes<HTMLFieldSetElement>, 'de
     onChange?: (nextUtcDateRange: DateRange) => Promisable<void>;
     withTime?: boolean;
 };
-export declare function DateRangePicker({ defaultValue, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime, ...nativeProps }: DateRangePickerProps): JSX.Element;
+export declare function DateRangePicker({ defaultValue, disabled, isCompact, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime, ...nativeProps }: DateRangePickerProps): JSX.Element;

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

@@ -1,5 +1,5 @@
 export type DateOrTimeInputRef = {
-    boxSpan: HTMLSpanElement;
+    box: HTMLDivElement;
     /**
      * Focus the first input in the group.
      *

package/src/hooks/useForceUpdate.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import type { DispatchWithoutAction } from 'react';
 /**
  * Force component re-rendering
  *
  * @see https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate
  */
 export declare function useForceUpdate(): {
-    forceDebouncedUpdate: import("lodash").DebouncedFunc<import("react").DispatchWithoutAction>;
-    forceUpdate: import("react").DispatchWithoutAction;
+    forceDebouncedUpdate: DispatchWithoutAction;
+    forceUpdate: DispatchWithoutAction;
 };

package/src/icons/Target.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types';
+export declare function Target({ color, size, ...nativeProps }: IconProps): JSX.Element;

package/src/icons/Vms.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types';
+export declare function Vms({ color, size, ...nativeProps }: IconProps): JSX.Element;

package/src/icons/index.d.ts

@@ -59,7 +59,9 @@ import { ShowXml } from './ShowXml';
 import { SortingArrows } from './SortingArrows';
 import { Summary } from './Summary';
 import { Tag } from './Tag';
+import { Target } from './Target';
 import { Unlock } from './Unlock';
 import { Vessel } from './Vessel';
 import { ViewOnMap } from './ViewOnMap';
-export { ActivityFeed, Alert, Anchor, Archive, Attention, Calendar, Check, Chevron, Clock, Close, Confirm, Control, Delete, Display, DoubleChevron, Download, Drapeau, Duplicate, Edit, EditBis, Favorite, FilledArrow, Filter, FilterBis, Fishery, FishingEngine, FleetSegment, Focus, FocusVessel, FocusZones, Hide, Info, Infringement, Landmark, List, MapLayers, MeasureAngle, MeasureBrokenLine, MeasureCircle, MeasureLine, Minus, More, Note, Observation, Pin, Pinpoint, PinpointHide, Plane, Plus, Reject, Save, Search, SelectCircle, SelectPolygon, SelectRectangle, SelectZone, ShowErsMessages, ShowXml, SortingArrows, Summary, Tag, Unlock, Vessel, ViewOnMap };
+import { Vms } from './Vms';
+export { ActivityFeed, Alert, Anchor, Archive, Attention, Calendar, Check, Chevron, Clock, Close, Confirm, Control, Delete, Display, DoubleChevron, Download, Drapeau, Duplicate, Edit, EditBis, Favorite, FilledArrow, Filter, FilterBis, Fishery, FishingEngine, FleetSegment, Focus, FocusVessel, FocusZones, Hide, Info, Infringement, Landmark, List, MapLayers, MeasureAngle, MeasureBrokenLine, MeasureCircle, MeasureLine, Minus, More, Note, Observation, Pin, Pinpoint, PinpointHide, Plane, Plus, Reject, Save, Search, SelectCircle, SelectPolygon, SelectRectangle, SelectZone, ShowErsMessages, ShowXml, SortingArrows, Summary, Tag, Target, Unlock, Vessel, ViewOnMap, Vms };

package/src/index.d.ts

@@ -13,8 +13,8 @@ export { Tag } from './elements/Tag';
 export { TagGroup } from './elements/TagGroup';
 export { AutoComplete } from './fields/AutoComplete';
 export { Checkbox } from './fields/Checkbox';
-export { DateRangePicker } from './fields/DateRangePicker';
 export { DatePicker } from './fields/DatePicker';
+export { DateRangePicker } from './fields/DateRangePicker';
 export { MultiCheckbox } from './fields/MultiCheckbox';
 export { MultiSelect } from './fields/MultiSelect';
 export { MultiRadio } from './fields/MultiRadio';
@@ -49,8 +49,8 @@ export type { TagProps } from './elements/Tag';
 export type { TagGroupProps } from './elements/TagGroup';
 export type { AutoCompleteProps } from './fields/AutoComplete';
 export type { CheckboxProps } from './fields/Checkbox';
-export type { DateRangePickerProps } from './fields/DateRangePicker';
 export type { DatePickerProps } from './fields/DatePicker';
+export type { DateRangePickerProps } from './fields/DateRangePicker';
 export type { MultiCheckboxProps } from './fields/MultiCheckbox';
 export type { MultiSelectProps } from './fields/MultiSelect';
 export type { MultiRadioProps } from './fields/MultiRadio';

package/src/utils/capitalizeFirstLetter.d.ts

@@ -1,4 +0,0 @@
-/**
- * Capitalize the first letter of a string
- */
-export declare function capitalizeFirstLetter(text: string): string;