@mtes-mct/monitor-ui 2.0.0 → 2.1.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [2.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.0.0...v2.1.0) (2022-12-15)
+
+
+### Features
+
+* **elements:** add isLight & hasBorder props to Fieldset ([#134](https://github.com/MTES-MCT/monitor-ui/issues/134)) ([761ea73](https://github.com/MTES-MCT/monitor-ui/commit/761ea733f1441c32986b64f2ad6be4541073a485))
+* **fields:** add MultiZoneEditor ([#135](https://github.com/MTES-MCT/monitor-ui/issues/135)) ([8a3d653](https://github.com/MTES-MCT/monitor-ui/commit/8a3d6537484f8a0b85289f6903e5567cdef0673b))
+
+# [2.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.14.0...v2.0.0) (2022-12-14)
+
+
+* feat(fields)!: convert MultiSelect fixedWidth prop from rem to px (#132) ([6ab4d7f](https://github.com/MTES-MCT/monitor-ui/commit/6ab4d7fb4cf253964ba7074ab0e845c182a39928)), closes [#132](https://github.com/MTES-MCT/monitor-ui/issues/132)
+* feat(elements)!: convert Icon size prop from rem to px (#131) ([30d3639](https://github.com/MTES-MCT/monitor-ui/commit/30d363933c0cd733874ed9999646a332a7b3c2f3)), closes [#131](https://github.com/MTES-MCT/monitor-ui/issues/131)
+
+
+### BREAKING CHANGES
+
+* Both MultiSelect and FormikMultiSelect `fixedWidth` prop are now in px instead of rem.
+* Both Icon and ButtonIcon `size` prop is now in px instead of rem.
+
 # [1.14.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.13.0...v1.14.0) (2022-12-14)
 
 

package/elements/Fieldset.d.ts

@@ -1,6 +1,8 @@
-import type { FieldsetHTMLAttributes } from 'react';
+import { FieldsetHTMLAttributes } from 'react';
 export type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement> & {
+    hasBorder?: boolean;
+    isHidden?: boolean;
     isLight?: boolean;
-    isMulti?: boolean;
+    legend?: string;
 };
-export declare function Fieldset({ isLight, isMulti, ...nativeProps }: FieldsetProps): JSX.Element;
+export declare function Fieldset({ children, hasBorder, isHidden, isLight, legend, ...nativeProps }: FieldsetProps): JSX.Element;

package/fields/DatePicker/index.d.ts

@@ -4,6 +4,7 @@ export type DatePickerProps = {
     /** Only allow past dates until today. */
     isHistorical?: boolean;
     isLabelHidden?: boolean;
+    isLight?: boolean;
     label: string;
     /**
      * Range of minutes used to generate the time picker list.
@@ -20,4 +21,4 @@ export type DatePickerProps = {
     onChange?: (nextUtcDate: Date) => Promisable<void>;
     withTime?: boolean;
 };
-export declare function DatePicker({ defaultValue, isHistorical, isLabelHidden, label, minutesRange, onChange, withTime }: DatePickerProps): JSX.Element;
+export declare function DatePicker({ defaultValue, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime }: DatePickerProps): JSX.Element;

package/fields/DateRangePicker/DateInput.d.ts

@@ -6,6 +6,7 @@ export type DateInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'o
     defaultValue?: DateTuple;
     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>;
@@ -15,6 +16,7 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<Pick<N
     defaultValue?: DateTuple | undefined;
     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>;

package/fields/DateRangePicker/TimeInput.d.ts

@@ -4,6 +4,7 @@ import type { DateOrTimeInputRef, TimeTuple } from './types';
 import type { Promisable } from 'type-fest';
 export type TimeInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'onNext'> & {
     defaultValue?: TimeTuple;
+    isLight: boolean;
     isStartDate?: boolean;
     minutesRange?: number;
     /** Called each time the time input is changed to a new valid value. */
@@ -14,6 +15,7 @@ export type TimeInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'o
 };
 export declare const TimeInput: import("react").ForwardRefExoticComponent<Pick<NumberInputProps, "onBack" | "onNext" | "onPrevious"> & {
     defaultValue?: TimeTuple | undefined;
+    isLight: boolean;
     isStartDate?: boolean | undefined;
     minutesRange?: number | undefined;
     /** Called each time the time input is changed to a new valid value. */

package/fields/DateRangePicker/index.d.ts

@@ -5,6 +5,7 @@ export type DateRangePickerProps = {
     /** Only allow past dates until today. */
     isHistorical?: boolean;
     isLabelHidden?: boolean;
+    isLight?: boolean;
     label: string;
     /**
      * Range of minutes used to generate the time picker list.
@@ -21,4 +22,4 @@ export type DateRangePickerProps = {
     onChange?: (nextUtcDateRange: DateRange) => Promisable<void>;
     withTime?: boolean;
 };
-export declare function DateRangePicker({ defaultValue, isHistorical, isLabelHidden, label, minutesRange, onChange, withTime }: DateRangePickerProps): JSX.Element;
+export declare function DateRangePicker({ defaultValue, isHistorical, isLabelHidden, isLight, label, minutesRange, onChange, withTime }: DateRangePickerProps): JSX.Element;

package/fields/MultiCheckbox.d.ts

@@ -4,9 +4,10 @@ export type MultiCheckboxProps = {
     defaultValue?: string[];
     isInline?: boolean;
     isLabelHidden?: boolean;
+    isLight?: boolean;
     label: string;
     name: string;
     onChange?: (nextValue: string[] | undefined) => Promisable<void>;
     options: Option[];
 };
-export declare function MultiCheckbox({ defaultValue, isInline, isLabelHidden, label, name, onChange, options }: MultiCheckboxProps): JSX.Element;
+export declare function MultiCheckbox({ defaultValue, isInline, isLabelHidden, isLight, label, name, onChange, options }: MultiCheckboxProps): JSX.Element;

package/fields/MultiRadio.d.ts

@@ -4,9 +4,10 @@ export type MultiRadioProps = {
     defaultValue?: string;
     isInline?: boolean;
     isLabelHidden?: boolean;
+    isLight?: boolean;
     label: string;
     name: string;
     onChange?: (nextValue: string | undefined) => Promisable<void>;
     options: Option[];
 };
-export declare function MultiRadio({ defaultValue, isInline, isLabelHidden, label, name, onChange, options }: MultiRadioProps): JSX.Element;
+export declare function MultiRadio({ defaultValue, isInline, isLabelHidden, isLight, label, name, onChange, options }: MultiRadioProps): JSX.Element;

package/fields/MultiZoneEditor/index.d.ts

@@ -0,0 +1,15 @@
+import type { Promisable } from 'type-fest';
+export type MultiZoneEditorProps = {
+    addButtonLabel: string;
+    defaultValue?: Record<string, any>[];
+    initialZone: Record<string, any>;
+    isLabelHidden?: boolean;
+    isLight?: boolean;
+    label: string;
+    labelPropName: string;
+    onAdd?: (nextZones: Record<string, any>[], index: number) => Promisable<void>;
+    onCenter?: (zone: Record<string, any>) => Promisable<void>;
+    onDelete?: (nextZones: Record<string, any>[]) => Promisable<void>;
+    onEdit?: (zone: Record<string, any>, index: number) => Promisable<void>;
+};
+export declare function MultiZoneEditor({ addButtonLabel, defaultValue, initialZone, isLabelHidden, isLight, label, labelPropName, onAdd, onCenter, onDelete, onEdit }: MultiZoneEditorProps): JSX.Element;

package/index.d.ts

@@ -17,6 +17,7 @@ export { DatePicker } from './fields/DatePicker';
 export { MultiCheckbox } from './fields/MultiCheckbox';
 export { MultiSelect } from './fields/MultiSelect';
 export { MultiRadio } from './fields/MultiRadio';
+export { MultiZoneEditor } from './fields/MultiZoneEditor';
 export { Select } from './fields/Select';
 export { Textarea } from './fields/Textarea';
 export { TextInput } from './fields/TextInput';
@@ -49,6 +50,7 @@ export type { DatePickerProps } from './fields/DatePicker';
 export type { MultiCheckboxProps } from './fields/MultiCheckbox';
 export type { MultiSelectProps } from './fields/MultiSelect';
 export type { MultiRadioProps } from './fields/MultiRadio';
+export type { MultiZoneEditorProps } from './fields/MultiZoneEditor';
 export type { SelectProps } from './fields/Select';
 export type { TextareaProps } from './fields/Textarea';
 export type { TextInputProps } from './fields/TextInput';