@mtes-mct/monitor-ui 4.0.0 → 4.0.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# [4.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v3.7.1...v4.0.0) (2023-03-29)
+
+
+* feat(fields)!: switch from uncontrolled to controlled values ([e308e1c](https://github.com/MTES-MCT/monitor-ui/commit/e308e1cdf68aea33805e11aba2b7278233286acf))
+
+
+### Features
+
+* **fields:** handle object options in Select & MultiSelect ([cc280c9](https://github.com/MTES-MCT/monitor-ui/commit/cc280c91c4fd374a154996f511f8f76c767b2d27))
+
+
+### BREAKING CHANGES
+
+* `defaultValue` is replaced by `value` in Checkbox,
+MultiCheckbox, MultiRadio, MultiSelect, NumberInput, Select, Textarea & TextInput
+
 ## [3.7.1](https://github.com/MTES-MCT/monitor-ui/compare/v3.7.0...v3.7.1) (2023-03-17)
 
 

package/fields/MultiCheckbox.d.ts

@@ -1,6 +1,6 @@
-import type { Option } from '../types';
+import type { Option, OptionValueType } from '../types';
 import type { Promisable } from 'type-fest';
-export type MultiCheckboxProps<OptionValue extends number | string | Record<string, any> = string> = {
+export type MultiCheckboxProps<OptionValue extends OptionValueType = string> = {
     disabled?: boolean | undefined;
     error?: string | undefined;
     isInline?: boolean | undefined;
@@ -13,4 +13,4 @@ export type MultiCheckboxProps<OptionValue extends number | string | Record<stri
     options: Option<OptionValue>[];
     value?: OptionValue[] | undefined;
 };
-export declare function MultiCheckbox<OptionValue extends number | string | Record<string, any> = string>({ value, disabled, error, isInline, isLabelHidden, isLight, isUndefinedWhenDisabled, label, name, onChange, options }: MultiCheckboxProps<OptionValue>): JSX.Element;
+export declare function MultiCheckbox<OptionValue extends OptionValueType = string>({ value, disabled, error, isInline, isLabelHidden, isLight, isUndefinedWhenDisabled, label, name, onChange, options }: MultiCheckboxProps<OptionValue>): JSX.Element;

package/fields/MultiRadio.d.ts

@@ -1,6 +1,6 @@
-import type { Option } from '../types';
+import type { Option, OptionValueType } from '../types';
 import type { Promisable } from 'type-fest';
-export type MultiRadioProps<OptionValue extends number | string | Record<string, any> = string> = {
+export type MultiRadioProps<OptionValue extends OptionValueType = string> = {
     disabled?: boolean | undefined;
     error?: string | undefined;
     isInline?: boolean | undefined;
@@ -13,4 +13,4 @@ export type MultiRadioProps<OptionValue extends number | string | Record<string,
     options: Option<OptionValue>[];
     value?: OptionValue | undefined;
 };
-export declare function MultiRadio<OptionValue extends number | string | Record<string, any> = string>({ disabled, error, isInline, isLabelHidden, isLight, isUndefinedWhenDisabled, label, name, onChange, options, value }: MultiRadioProps<OptionValue>): JSX.Element;
+export declare function MultiRadio<OptionValue extends OptionValueType = string>({ disabled, error, isInline, isLabelHidden, isLight, isUndefinedWhenDisabled, label, name, onChange, options, value }: MultiRadioProps<OptionValue>): JSX.Element;

package/fields/MultiSelect.d.ts

@@ -1,7 +1,7 @@
-import type { Option } from '../types';
+import type { Option, OptionValueType } from '../types';
 import type { TagPickerProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export type MultiSelectProps<OptionValue extends number | string | Record<string, any> = string> = Omit<TagPickerProps, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'open' | 'renderMenuItem' | 'value'> & {
+export type MultiSelectProps<OptionValue extends OptionValueType = string> = Omit<TagPickerProps, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'open' | 'renderMenuItem' | 'value'> & {
     /** 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,4 +17,4 @@ export type MultiSelectProps<OptionValue extends number | string | Record<string
     options: Option<OptionValue>[];
     value?: OptionValue[] | undefined;
 };
-export declare function MultiSelect<OptionValue extends number | string | Record<string, any> = string>({ baseContainer, error, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, options, optionValueKey, searchable, value, ...originalProps }: MultiSelectProps<OptionValue>): JSX.Element;
+export declare function MultiSelect<OptionValue extends OptionValueType = string>({ baseContainer, error, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, options, optionValueKey, searchable, value, ...originalProps }: MultiSelectProps<OptionValue>): JSX.Element;

package/fields/Search.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { Option } from '../types';
+import type { Option, OptionValueType } from '../types';
 import type { AutoCompleteProps as RsuiteAutoCompleteProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export type SearchProps<OptionValue extends number | string | Record<string, any> = string> = Omit<RsuiteAutoCompleteProps, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'open' | 'onSelect' | 'value'> & {
+export type SearchProps<OptionValue extends OptionValueType = string> = Omit<RsuiteAutoCompleteProps, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'open' | 'onSelect' | 'value'> & {
     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;
@@ -21,4 +21,4 @@ export type SearchProps<OptionValue extends number | string | Record<string, any
     /** Duration in milliseconds */
     throttleDuration?: number;
 };
-export declare function Search<OptionValue extends number | string | Record<string, any> = string>({ baseContainer, defaultValue, error, 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, defaultValue, error, isLabelHidden, isLight, isSearchIconHidden, label, MenuItem, onChange, onQuery, options, queryMap, queryUrl, throttleDuration, ...originalProps }: SearchProps<OptionValue>): JSX.Element;

package/fields/Select.d.ts

@@ -1,7 +1,7 @@
-import type { Option } from '../types';
+import type { Option, OptionValueType } from '../types';
 import type { SelectPickerProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export type SelectProps<OptionValue extends number | string | Record<string, any> = string> = Omit<SelectPickerProps<any>, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'open' | 'renderMenuItem' | 'renderValue' | 'value' | 'valueKey'> & {
+export type SelectProps<OptionValue extends OptionValueType = string> = Omit<SelectPickerProps<any>, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'open' | 'renderMenuItem' | 'renderValue' | 'value' | 'valueKey'> & {
     /** 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;
@@ -15,4 +15,4 @@ export type SelectProps<OptionValue extends number | string | Record<string, any
     options: Option<OptionValue>[];
     value?: OptionValue | undefined;
 };
-export declare function Select<OptionValue extends number | string | Record<string, any> = string>({ baseContainer, error, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, options, optionValueKey, searchable, value, ...originalProps }: SelectProps<OptionValue>): JSX.Element;
+export declare function Select<OptionValue extends OptionValueType = string>({ baseContainer, error, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, options, optionValueKey, searchable, value, ...originalProps }: SelectProps<OptionValue>): JSX.Element;

package/formiks/FormikMultiCheckbox.d.ts

@@ -1,3 +1,4 @@
 import type { MultiCheckboxProps } from '../fields/MultiCheckbox';
-export type FormikMultiCheckboxProps<OptionValue extends number | string | Record<string, any> = string> = Omit<MultiCheckboxProps<OptionValue>, 'defaultValue' | 'error' | 'onChange'>;
-export declare function FormikMultiCheckbox<OptionValue extends number | string | Record<string, any> = string>({ name, ...originalProps }: FormikMultiCheckboxProps<OptionValue>): JSX.Element;
+import type { OptionValueType } from '../types';
+export type FormikMultiCheckboxProps<OptionValue extends OptionValueType = string> = Omit<MultiCheckboxProps<OptionValue>, 'defaultValue' | 'error' | 'onChange'>;
+export declare function FormikMultiCheckbox<OptionValue extends OptionValueType = string>({ name, ...originalProps }: FormikMultiCheckboxProps<OptionValue>): JSX.Element;

package/formiks/FormikMultiRadio.d.ts

@@ -1,3 +1,4 @@
 import type { MultiRadioProps } from '../fields/MultiRadio';
-export type FormikMultiRadioProps<OptionValue extends number | string | Record<string, any> = string> = Omit<MultiRadioProps<OptionValue>, 'error' | 'onChange' | 'value'>;
-export declare function FormikMultiRadio<OptionValue extends number | string | Record<string, any> = string>({ name, ...originalProps }: FormikMultiRadioProps<OptionValue>): JSX.Element;
+import type { OptionValueType } from '../types';
+export type FormikMultiRadioProps<OptionValue extends OptionValueType = string> = Omit<MultiRadioProps<OptionValue>, 'error' | 'onChange' | 'value'>;
+export declare function FormikMultiRadio<OptionValue extends OptionValueType = string>({ name, ...originalProps }: FormikMultiRadioProps<OptionValue>): JSX.Element;

package/formiks/FormikMultiSelect.d.ts

@@ -1,3 +1,4 @@
 import type { MultiSelectProps } from '../fields/MultiSelect';
-export type FormikMultiSelectProps<OptionValue extends number | string | Record<string, any> = string> = Omit<MultiSelectProps<OptionValue>, 'error' | 'onChange' | 'value'>;
-export declare function FormikMultiSelect<OptionValue extends number | string | Record<string, any> = string>({ name, ...originalProps }: FormikMultiSelectProps<OptionValue>): JSX.Element;
+import type { OptionValueType } from '../types';
+export type FormikMultiSelectProps<OptionValue extends OptionValueType = string> = Omit<MultiSelectProps<OptionValue>, 'error' | 'onChange' | 'value'>;
+export declare function FormikMultiSelect<OptionValue extends OptionValueType = string>({ name, ...originalProps }: FormikMultiSelectProps<OptionValue>): JSX.Element;

package/formiks/FormikSearch.d.ts

@@ -1,3 +1,4 @@
 import type { SearchProps } from '../fields/Search';
-export type FormikSearchProps<OptionValue extends number | string | Record<string, any> = string> = Omit<SearchProps<OptionValue>, 'defaultValue' | 'error' | 'onChange'>;
-export declare function FormikSearch<OptionValue extends number | string | Record<string, any> = string>({ name, ...originalProps }: FormikSearchProps<OptionValue>): JSX.Element;
+import type { OptionValueType } from '../types';
+export type FormikSearchProps<OptionValue extends OptionValueType = string> = Omit<SearchProps<OptionValue>, 'defaultValue' | 'error' | 'onChange'>;
+export declare function FormikSearch<OptionValue extends OptionValueType = string>({ name, ...originalProps }: FormikSearchProps<OptionValue>): JSX.Element;

package/formiks/FormikSelect.d.ts

@@ -1,3 +1,4 @@
 import type { SelectProps } from '../fields/Select';
-export type FormikSelectProps<OptionValue extends number | string | Record<string, any> = string> = Omit<SelectProps<OptionValue>, 'error' | 'onChange' | 'value'>;
-export declare function FormikSelect<OptionValue extends number | string | Record<string, any> = string>({ name, ...originalProps }: FormikSelectProps<OptionValue>): JSX.Element;
+import type { OptionValueType } from '../types';
+export type FormikSelectProps<OptionValue extends OptionValueType = string> = Omit<SelectProps<OptionValue>, 'error' | 'onChange' | 'value'>;
+export declare function FormikSelect<OptionValue extends OptionValueType = string>({ name, ...originalProps }: FormikSelectProps<OptionValue>): JSX.Element;

package/index.d.ts

@@ -53,7 +53,7 @@ export { noop } from './utils/noop';
 export { isNumeric } from './utils/isNumeric';
 export { stopMouseEventPropagation } from './utils/stopMouseEventPropagation';
 export type { PartialTheme, Theme } from './theme';
-export type { Coordinates, DateAsStringRange, DateRange, IconProps, Option, Undefine } from './types';
+export type { Coordinates, DateAsStringRange, DateRange, IconProps, Option, OptionValueType, Undefine } from './types';
 export type { DropdownProps, DropdownItemProps } from './components/Dropdown';
 export type { SingleTagProps } from './components/SingleTag';
 export type { ButtonProps } from './elements/Button';