@mtes-mct/monitor-ui 1.12.1 → 1.14.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [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)
+
+
+### Bug Fixes
+
+* **icons:** use currentColor in new icons ([#119](https://github.com/MTES-MCT/monitor-ui/issues/119)) ([3937553](https://github.com/MTES-MCT/monitor-ui/commit/39375532354d24489ab3aeb024ebe5b2cb61772a))
+
 # [1.12.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.11.0...v1.12.0) (2022-12-13)
 
 

package/elements/Button.d.ts

@@ -1,4 +1,4 @@
-import { Accent, Size } from '../contants';
+import { Accent, Size } from '../constants';
 import type { IconProps } from '../types';
 import type { ButtonHTMLAttributes, FunctionComponent } from 'react';
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {

package/elements/IconButton.d.ts

@@ -1,10 +1,12 @@
-import { Accent, Size } from '../contants';
+import { Accent, Size } from '../constants';
 import type { IconProps } from '../types';
 import type { ButtonHTMLAttributes, FunctionComponent } from 'react';
 export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
     Icon: FunctionComponent<IconProps>;
     accent?: Accent;
     color?: string;
+    /** In REM, 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/elements/Tag/Disk.d.ts

@@ -0,0 +1,3 @@
+export declare const Disk: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $color: string;
+}, never>;

package/elements/Tag/constants.d.ts

@@ -0,0 +1,3 @@
+export declare enum TagBullet {
+    DISK = "DISK"
+}

package/elements/Tag/index.d.ts

@@ -0,0 +1,30 @@
+import { FunctionComponent, HTMLAttributes } from 'react';
+import { Accent } from '../../constants';
+import { TagBullet } from './constants';
+import type { IconProps } from '../../types';
+export type TagProps = HTMLAttributes<HTMLSpanElement> & {
+    Icon?: FunctionComponent<IconProps>;
+    accent?: Accent;
+    bullet?: TagBullet;
+    color?: string;
+    isLight?: boolean;
+};
+export declare function Tag({ accent, bullet, children, 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;
+} & {
+    $isLight: boolean;
+}, never>;
+export declare const SecondaryTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $color?: string | undefined;
+    $isLight: boolean;
+} & {
+    $isLight: boolean;
+}, never>;
+export declare const TertiaryTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $color?: string | undefined;
+    $isLight: boolean;
+} & {
+    $isLight: boolean;
+}, never>;

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

@@ -1,4 +1,4 @@
-export { Accent, Size } from './contants';
+export { Accent, Size } from './constants';
 export { GlobalStyle } from './GlobalStyle';
 export { THEME } from './theme';
 export { ThemeProvider } from './ThemeProvider';
@@ -9,6 +9,8 @@ export { Fieldset } from './elements/Fieldset';
 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';
@@ -18,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';
@@ -38,6 +41,8 @@ export type { FieldsetProps } from './elements/Fieldset';
 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';
@@ -47,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';