@mtes-mct/monitor-ui 5.9.2 → 6.0.1

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# [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)
+
+
+### Bug Fixes
+
+* **elements:** delete stop click event propagation in Button & IconButton ([b2d70ad](https://github.com/MTES-MCT/monitor-ui/commit/b2d70adf14ce7780b6ef45ff9bbba0d026ac77ef))
+
 ## [5.9.1](https://github.com/MTES-MCT/monitor-ui/compare/v5.9.0...v5.9.1) (2023-05-05)
 
 

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/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

@@ -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/Search.d.ts

@@ -6,20 +6,21 @@ export type SearchProps<OptionValue extends OptionValueType = string> = Omit<Rsu
     MenuItem?: React.ElementType | undefined;
     /** Used to pass something else than `window.document` as a base container to attach global events listeners. */
     baseContainer?: Document | HTMLDivElement | null | undefined;
-    defaultValue?: OptionValue | undefined;
     error?: string | undefined;
     isErrorMessageHidden?: boolean | undefined;
     isLabelHidden?: boolean | undefined;
     isLight?: boolean | undefined;
-    isSearchIconHidden?: boolean | undefined;
+    isSearchIconVisible?: boolean | undefined;
     label: string;
     name: string;
     onChange?: ((nextValue: OptionValue | undefined) => Promisable<void>) | undefined;
     onQuery?: ((nextQuery: string | undefined) => Promisable<void>) | undefined;
-    options?: Option<OptionValue>[] | 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, defaultValue, error, isErrorMessageHidden, isLabelHidden, isLight, isSearchIconHidden, label, MenuItem, onChange, onQuery, options, queryMap, queryUrl, throttleDuration, ...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, queryMap, queryUrl, throttleDuration, value, ...originalProps }: SearchProps<OptionValue>): JSX.Element;