@mtes-mct/monitor-ui 1.13.0 → 2.0.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [1.14.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.13.0...v1.14.0) (2022-12-14)
+
+
+### Bug Fixes
+
+* **fields:** prefix styled custom props with $ ([#127](https://github.com/MTES-MCT/monitor-ui/issues/127)) ([05d03ba](https://github.com/MTES-MCT/monitor-ui/commit/05d03ba933cf6c3d684b5cb1456a8115c9df5af1))
+
+
+### Features
+
+* **elements:** add iconSize prop to IconButton ([#123](https://github.com/MTES-MCT/monitor-ui/issues/123)) ([e6b03ce](https://github.com/MTES-MCT/monitor-ui/commit/e6b03ce389e0f35e0ab3f485d34ec682d7474e0b))
+* **fields:** add AutoComplete ([#125](https://github.com/MTES-MCT/monitor-ui/issues/125)) ([8fb5cef](https://github.com/MTES-MCT/monitor-ui/commit/8fb5cef36ce0d1446ceee7019a27da016736205c))
+* **formiks:** add FormikAutoComplete ([#126](https://github.com/MTES-MCT/monitor-ui/issues/126)) ([644cc2b](https://github.com/MTES-MCT/monitor-ui/commit/644cc2be5aa21c9177ff344e65912834095595d0))
+* **icons:** update ([#124](https://github.com/MTES-MCT/monitor-ui/issues/124)) ([81f3287](https://github.com/MTES-MCT/monitor-ui/commit/81f32875b3d5b7f491b038370d5e868e71e73f6a))
+
+# [1.13.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.12.1...v1.13.0) (2022-12-14)
+
+
+### Features
+
+* **elements:** add Tag ([#121](https://github.com/MTES-MCT/monitor-ui/issues/121)) ([c9be13e](https://github.com/MTES-MCT/monitor-ui/commit/c9be13e463a8795223e0bafb3287e51aa196495a))
+
 ## [1.12.1](https://github.com/MTES-MCT/monitor-ui/compare/v1.12.0...v1.12.1) (2022-12-14)
 
 

package/elements/IconBox.d.ts

@@ -1,6 +1,9 @@
 export type IconBoxProps = {
-    /** In REM */
+    $color?: string;
+    /** In pixels */
     $size?: number;
-    color?: string;
 };
+/**
+ * Internal component used to wrap SVG icon components
+ */
 export declare const IconBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IconBoxProps, never>;

package/elements/IconButton.d.ts

@@ -5,6 +5,8 @@ export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'chi
     Icon: FunctionComponent<IconProps>;
     accent?: Accent;
     color?: string;
+    /** In pixels, override `size` prop default values */
+    iconSize?: number;
     size?: Size;
 };
-export declare function IconButton({ accent, color, Icon, size, type, ...nativeProps }: IconButtonProps): JSX.Element;
+export declare function IconButton({ accent, color, Icon, iconSize, size, type, ...nativeProps }: IconButtonProps): JSX.Element;

package/fields/AutoComplete.d.ts

@@ -0,0 +1,15 @@
+import type { Option } from '../types';
+import type { AutoCompleteProps as RsuiteAutoCompleteProps } from 'rsuite';
+import type { Promisable } from 'type-fest';
+export type AutoCompleteProps = Omit<RsuiteAutoCompleteProps, 'as' | 'data' | 'id' | 'onChange' | 'onSelect' | 'value'> & {
+    isLabelHidden?: boolean;
+    isLight?: boolean;
+    label: string;
+    name: string;
+    onChange?: (nextValue: string | undefined) => Promisable<void>;
+    onQuery?: (nextQuery: string | undefined) => Promisable<void>;
+    options?: Option[];
+    queryMap?: (record: Record<string, any>) => Option;
+    queryUrl?: string;
+};
+export declare function AutoComplete({ defaultValue, isLabelHidden, isLight, label, onChange, onQuery, options, queryMap, queryUrl, ...originalProps }: AutoCompleteProps): JSX.Element;

package/fields/MultiSelect.d.ts

@@ -3,7 +3,7 @@ import type { TagPickerProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
 export type MultiSelectProps = Omit<TagPickerProps, 'as' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'value'> & {
     defaultValue?: string[];
-    /** Width in REM */
+    /** Width in pixels */
     fixedWidth?: number;
     isLabelHidden?: boolean;
     isLight?: boolean;

package/fields/TextInput.d.ts

@@ -8,7 +8,4 @@ export type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'on
     name: string;
     onChange?: (nextValue: string | undefined) => Promisable<void>;
 };
-export declare function TextInput({ isLabelHidden, label, onChange, ...originalProps }: TextInputProps): JSX.Element;
-export declare const StyledInput: import("styled-components").StyledComponent<import("rsuite/esm/@types/common").RsRefForwardingComponent<"input", InputProps>, import("styled-components").DefaultTheme, {
-    isLight: boolean;
-}, never>;
+export declare function TextInput({ isLabelHidden, isLight, label, onChange, ...originalProps }: TextInputProps): JSX.Element;

package/fields/Textarea.d.ts

@@ -9,6 +9,3 @@ export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'd
     onChange?: (nextValue: string | undefined) => Promisable<void>;
 };
 export declare function Textarea({ isLabelHidden, isLight, label, onChange, rows, ...originalProps }: TextareaProps): JSX.Element;
-export declare const StyledInput: import("styled-components").StyledComponent<import("rsuite/esm/@types/common").RsRefForwardingComponent<"input", import("rsuite").InputProps>, import("styled-components").DefaultTheme, {
-    isLight: boolean;
-}, never>;

package/formiks/FormikAutoComplete.d.ts

@@ -0,0 +1,3 @@
+import type { AutoCompleteProps } from '../fields/AutoComplete';
+export type FormikAutoCompleteProps = Omit<AutoCompleteProps, 'defaultValue' | 'onChange'>;
+export declare function FormikAutoComplete({ name, ...originalProps }: FormikAutoCompleteProps): JSX.Element;

package/icons/FilterBis.d.ts

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

package/icons/index.d.ts

@@ -21,6 +21,7 @@ import { EditBis } from './EditBis';
 import { Favorite } from './Favorite';
 import { FilledArrow } from './FilledArrow';
 import { Filter } from './Filter';
+import { FilterBis } from './FilterBis';
 import { Fishery } from './Fishery';
 import { FishingEngine } from './FishingEngine';
 import { FleetSegment } from './FleetSegment';
@@ -61,4 +62,4 @@ import { Tag } from './Tag';
 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, 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 };
+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 };

package/index.d.ts

@@ -10,6 +10,7 @@ export { IconButton } from './elements/IconButton';
 export { Label } from './elements/Label';
 export { Legend } from './elements/Legend';
 export { Tag } from './elements/Tag';
+export { AutoComplete } from './fields/AutoComplete';
 export { Checkbox } from './fields/Checkbox';
 export { DateRangePicker } from './fields/DateRangePicker';
 export { DatePicker } from './fields/DatePicker';
@@ -19,6 +20,7 @@ export { MultiRadio } from './fields/MultiRadio';
 export { Select } from './fields/Select';
 export { Textarea } from './fields/Textarea';
 export { TextInput } from './fields/TextInput';
+export { FormikAutoComplete } from './formiks/FormikAutoComplete';
 export { FormikCheckbox } from './formiks/FormikCheckbox';
 export { FormikDatePicker } from './formiks/FormikDatePicker';
 export { FormikDateRangePicker } from './formiks/FormikDateRangePicker';
@@ -40,6 +42,7 @@ export type { IconButtonProps } from './elements/IconButton';
 export type { LabelProps } from './elements/Label';
 export type { LegendProps } from './elements/Legend';
 export type { TagProps } from './elements/Tag';
+export type { AutoCompleteProps } from './fields/AutoComplete';
 export type { CheckboxProps } from './fields/Checkbox';
 export type { DateRangePickerProps } from './fields/DateRangePicker';
 export type { DatePickerProps } from './fields/DatePicker';
@@ -49,6 +52,7 @@ export type { MultiRadioProps } from './fields/MultiRadio';
 export type { SelectProps } from './fields/Select';
 export type { TextareaProps } from './fields/Textarea';
 export type { TextInputProps } from './fields/TextInput';
+export type { FormikAutoCompleteProps } from './formiks/FormikAutoComplete';
 export type { FormikCheckboxProps } from './formiks/FormikCheckbox';
 export type { FormikDatePickerProps } from './formiks/FormikDatePicker';
 export type { FormikDateRangePickerProps } from './formiks/FormikDateRangePicker';