@mtes-mct/monitor-ui 6.0.0 → 6.1.0

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+## [6.0.1](https://github.com/MTES-MCT/monitor-ui/compare/v6.0.0...v6.0.1) (2023-05-19)
+
+
+### Bug Fixes
+
+* add missing classnames ([23f83f1](https://github.com/MTES-MCT/monitor-ui/commit/23f83f13a2b909712bf1580e8e9545a314236dbb))
+
+# [6.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v5.9.2...v6.0.0) (2023-05-17)
+
+
+### Bug Fixes
+
+* **fields:** fix search component ([8776915](https://github.com/MTES-MCT/monitor-ui/commit/87769151f5152c05810b6849e267d73f9f4eb8d3))
+
+
+* fix(fields)!: format options and create test e2e ([69b3070](https://github.com/MTES-MCT/monitor-ui/commit/69b3070409a3f5c3aa9063b12bf990d6cb92fa65))
+
+
+### BREAKING CHANGES
+
+* - pass option in `onChange` function instead of value
+- rename prop to display search icon
+- replace defaultValue with value
+- add optionValueKey prop
+
 ## [5.9.2](https://github.com/MTES-MCT/monitor-ui/compare/v5.9.1...v5.9.2) (2023-05-10)
 
 

package/ThemeProvider.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from './theme';
+import { type Theme } from './theme';
 import type { PartialDeep } from 'type-fest';
 export type ThemeProviderProps = {
     children: any;

package/assets/stylesheets/rsuite-override.css

@@ -61,10 +61,6 @@
   /* Checkbox vars */
   --rs-checkbox-disabled-bg: var(--white);
 
-  /* input vars */
-  --rs-input-bg: var(--gainsboro);
-  --rs-input-focus-border: var(--blue-gray);
-
   --rs-menuitem-active-text: var(--blue-gray);
   --rs-listbox-option-hover-bg: var(--blue-yonder-25);
   --rs-listbox-option-selected-bg: var(--blue-gray-25);
@@ -78,27 +74,6 @@ label {
   line-height: 18px;
 }
 
-.rs-input {
-  border-radius: 0;
-  color: var(--gunMetal);
-}
-
-.rs-input.ghost {
-  background-color: var(--white);
-}
-
-.rs-input-group,
-.rs-input-group:not(.rs-input-group-inside) .rs-auto-complete:first-child .rs-input,
-.rs-input-group:not(.rs-input-group-inside) .rs-form-control-wrapper:first-child > .rs-input,
-.rs-input-group:not(.rs-input-group-inside) .rs-picker-date:first-child .rs-picker-toggle,
-.rs-input-group:not(.rs-input-group-inside) > :first-child,
-.rs-input-group:not(.rs-input-group-inside) .rs-auto-complete:last-child .rs-input,
-.rs-input-group:not(.rs-input-group-inside) .rs-form-control-wrapper:last-child > .rs-input,
-.rs-input-group:not(.rs-input-group-inside) .rs-picker-date:last-child .rs-picker-toggle,
-.rs-input-group:not(.rs-input-group-inside) > :last-child {
-  border-radius: 0;
-}
-
 .rs-picker-toggle-active,
 .rs-picker.rs-picker-focused {
   box-shadow: none;
@@ -106,14 +81,6 @@ label {
   border-radius: 0;
 }
 
-.rs-input-group-addon.primary {
-  background-color: var(--rs-btn-primary-bg);
-}
-
-.rs-input-group.rs-input-group-inside .rs-input-group-addon {
-  padding: 8px 13px 8px 11px;
-}
-
 /* button */
 .rs-ripple-pond {
   height: 30px;

package/components/Dialog/index.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from 'react';
 export type DialogProps = HTMLAttributes<HTMLDivElement> & {
     isAbsolute?: boolean;
 };

package/components/Dropdown/index.d.ts

@@ -8,4 +8,4 @@ export type DropdownProps = Omit<RsuiteDropdownProps, 'as' | 'icon'> & {
 export declare const Dropdown: FunctionComponent<DropdownProps> & {
     Item: FunctionComponent<DropdownItemProps>;
 };
-export { DropdownItemProps };
+export { type DropdownItemProps };

package/components/NewWindow.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode } from 'react';
+import { PureComponent, type ReactNode } from 'react';
 import type { Promisable } from 'type-fest';
 export type NewWindowProps = {
     center?: 'parent' | 'screen' | undefined;

package/components/SingleTag.d.ts

@@ -1,6 +1,7 @@
+import { type HTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
-export type SingleTagProps = {
+export type SingleTagProps = HTMLAttributes<HTMLDivElement> & {
     children: string;
     onDelete: () => Promisable<void>;
 };
-export declare function SingleTag({ children, onDelete }: SingleTagProps): JSX.Element;
+export declare function SingleTag({ children, className, onDelete, ...nativeProps }: SingleTagProps): JSX.Element;

package/elements/Button.d.ts

@@ -8,7 +8,7 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'childre
     isFullWidth?: boolean | undefined;
     size?: Size | undefined;
 };
-export declare function Button({ accent, children, Icon, isFullWidth, size, type, ...nativeProps }: ButtonProps): JSX.Element;
+export declare function Button({ accent, children, className, Icon, isFullWidth, size, type, ...nativeProps }: ButtonProps): JSX.Element;
 export declare const PrimaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const SecondaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const TertiaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/elements/Field.d.ts

@@ -1,3 +1,3 @@
 import type { HTMLAttributes } from 'react';
 export type FieldProps = HTMLAttributes<HTMLDivElement>;
-export declare const Field: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Field: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FieldProps, keyof FieldProps>;

package/elements/FieldError.d.ts

@@ -2,6 +2,6 @@ import type { HTMLAttributes } from 'react';
 export type FieldErrorProps = HTMLAttributes<HTMLParagraphElement> & {
     isDisabled?: boolean | undefined;
 };
-export declare const FieldError: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
+export declare const FieldError: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, HTMLAttributes<HTMLParagraphElement> & {
     isDisabled?: boolean | undefined;
-}, never>;
+}, keyof HTMLAttributes<HTMLParagraphElement> | "isDisabled">;

package/elements/Fieldset.d.ts

@@ -1,4 +1,4 @@
-import { FieldsetHTMLAttributes } from 'react';
+import { type FieldsetHTMLAttributes } from 'react';
 export type FieldsetProps = Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'defaultValue' | 'onChange' | 'value'> & {
     hasBorder?: boolean | undefined;
     hasError?: boolean | undefined;
@@ -6,4 +6,4 @@ export type FieldsetProps = Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'd
     isLight?: boolean | undefined;
     legend?: string | undefined;
 };
-export declare function Fieldset({ children, hasBorder, hasError, isLegendHidden, isLight, legend, ...nativeProps }: FieldsetProps): JSX.Element;
+export declare function Fieldset({ children, className, hasBorder, hasError, isLegendHidden, isLight, legend, ...nativeProps }: FieldsetProps): JSX.Element;

package/elements/IconBox.d.ts

@@ -1,4 +1,5 @@
-export type IconBoxProps = {
+import type { HTMLAttributes } from 'react';
+export type IconBoxProps = HTMLAttributes<HTMLDivElement> & {
     $color?: string | undefined;
     /** In pixels */
     $size?: number | undefined;
@@ -6,4 +7,8 @@ export type IconBoxProps = {
 /**
  * Internal component used to wrap SVG icon components
  */
-export declare const IconBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IconBoxProps, never>;
+export declare const IconBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HTMLAttributes<HTMLDivElement> & {
+    $color?: string | undefined;
+    /** In pixels */
+    $size?: number | undefined;
+}, keyof HTMLAttributes<HTMLDivElement> | "$color" | "$size">;

package/elements/IconButton.d.ts

@@ -9,4 +9,4 @@ export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'chi
     iconSize?: number | undefined;
     size?: Size | undefined;
 };
-export declare function IconButton({ accent, color, Icon, iconSize, size, type, ...nativeProps }: IconButtonProps): JSX.Element;
+export declare function IconButton({ accent, className, color, Icon, iconSize, size, type, ...nativeProps }: IconButtonProps): JSX.Element;

package/elements/Label.d.ts

@@ -4,8 +4,8 @@ export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
     hasError?: boolean | undefined;
     isHidden?: boolean | undefined;
 };
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelHTMLAttributes<HTMLLabelElement> & {
     disabled?: boolean | undefined;
     hasError?: boolean | undefined;
     isHidden?: boolean | undefined;
-}, never>;
+}, "disabled" | keyof LabelHTMLAttributes<HTMLLabelElement> | "hasError" | "isHidden">;

package/elements/Legend.d.ts

@@ -4,4 +4,8 @@ export type LegendProps = HTMLAttributes<HTMLLegendElement> & {
     hasError?: boolean | undefined;
     isHidden?: boolean | undefined;
 };
-export declare function Legend({ disabled, hasError, isHidden, ...nativeProps }: LegendProps): JSX.Element;
+export declare const Legend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, HTMLAttributes<HTMLLegendElement> & {
+    disabled?: boolean | undefined;
+    hasError?: boolean | undefined;
+    isHidden?: boolean | undefined;
+}, "disabled" | keyof HTMLAttributes<HTMLLegendElement> | "hasError" | "isHidden">;

package/elements/Tag/index.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
+import { type FunctionComponent, type HTMLAttributes } from 'react';
 import { Accent, TagBullet } from '../../constants';
 import type { IconProps } from '../../types';
 export type TagProps = HTMLAttributes<HTMLSpanElement> & {
@@ -8,7 +8,7 @@ export type TagProps = HTMLAttributes<HTMLSpanElement> & {
     bulletColor?: string | undefined;
     isLight?: boolean | undefined;
 };
-export declare function Tag({ accent, bullet, bulletColor, children, color, Icon, isLight, ...nativeProps }: TagProps): JSX.Element;
+export declare function Tag({ accent, bullet, bulletColor, children, className, color, Icon, isLight, ...nativeProps }: TagProps): JSX.Element;
 export declare const PrimaryTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     $color?: string | undefined;
     $isLight: boolean;

package/elements/TagGroup.d.ts

@@ -1,3 +1,3 @@
 import type { HTMLAttributes } from 'react';
 export type TagGroupProps = HTMLAttributes<HTMLDivElement>;
-export declare const TagGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TagGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TagGroupProps, keyof TagGroupProps>;

package/fields/DateRangePicker/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import type { InputHTMLAttributes } from 'react';
+import { type InputHTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
 export type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'maxLength' | 'onInput' | 'pattern' | 'type'> & {
     isLight: boolean;

package/fields/NumberInput.d.ts

@@ -11,4 +11,4 @@ export type NumberInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | '
     onChange?: ((nextValue: number | undefined) => Promisable<void>) | undefined;
     value?: number | undefined;
 };
-export declare function NumberInput({ error, isErrorMessageHidden, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, value, ...originalProps }: NumberInputProps): JSX.Element;
+export declare function NumberInput({ className, error, isErrorMessageHidden, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, style, value, ...originalProps }: NumberInputProps): JSX.Element;

package/fields/Search.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { type ElementType } from 'react';
 import type { Option, OptionValueType } from '../types';
 import type { AutoCompleteProps as RsuiteAutoCompleteProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
 export type SearchProps<OptionValue extends OptionValueType = string> = Omit<RsuiteAutoCompleteProps, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'open' | 'onSelect' | 'value'> & {
-    MenuItem?: React.ElementType | undefined;
+    MenuItem?: ElementType | undefined;
     /** Used to pass something else than `window.document` as a base container to attach global events listeners. */
     baseContainer?: Document | HTMLDivElement | null | undefined;
     error?: string | undefined;
@@ -17,10 +17,6 @@ export type SearchProps<OptionValue extends OptionValueType = string> = Omit<Rsu
     onQuery?: ((nextQuery: string | undefined) => Promisable<void>) | undefined;
     optionValueKey?: keyof OptionValue | undefined;
     options?: Option<OptionValue>[];
-    queryMap?: ((record: Record<string, any>) => Option<OptionValue>) | undefined;
-    queryUrl?: string | undefined;
-    /** Duration in milliseconds */
-    throttleDuration?: number;
     value?: OptionValue | undefined;
 };
-export declare function Search<OptionValue extends OptionValueType = string>({ baseContainer, error, isErrorMessageHidden, isLabelHidden, isLight, isSearchIconVisible, label, MenuItem, onChange, onQuery, options, optionValueKey, queryMap, queryUrl, throttleDuration, value, ...originalProps }: SearchProps<OptionValue>): JSX.Element;
+export declare function Search<OptionValue extends OptionValueType = string>({ baseContainer, className, error, isErrorMessageHidden, isLabelHidden, isLight, isSearchIconVisible, label, MenuItem, onChange, onQuery, options, optionValueKey, value, ...originalProps }: SearchProps<OptionValue>): JSX.Element;

package/fields/TextInput.d.ts

@@ -1,6 +1,10 @@
+import { type FunctionComponent } from 'react';
+import { Size } from '../constants';
+import type { IconProps } from '../types';
 import type { InputProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'onChange' | 'type' | 'value'> & {
+export type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'onChange' | 'size' | 'type' | 'value'> & {
+    Icon?: FunctionComponent<IconProps> | undefined;
     error?: string | undefined;
     isErrorMessageHidden?: boolean | undefined;
     isLabelHidden?: boolean | undefined;
@@ -9,6 +13,7 @@ export type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'on
     label: string;
     name: string;
     onChange?: ((nextValue: string | undefined) => Promisable<void>) | undefined;
+    size?: Size | undefined;
     value?: string | undefined;
 };
-export declare function TextInput({ error, isErrorMessageHidden, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, value, ...originalProps }: TextInputProps): JSX.Element;
+export declare function TextInput({ className, error, Icon, isErrorMessageHidden, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, size, style, value, ...originalProps }: TextInputProps): JSX.Element;

package/icons/Report.d.ts

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

package/icons/Semaphore.d.ts

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

package/icons/index.d.ts

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