@mtes-mct/monitor-ui 6.0.1 → 6.1.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [6.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v6.0.1...v6.1.0) (2023-05-19)
+
+
+### Bug Fixes
+
+* **fields:** delete queryMap and queryUrl props ([5e00cb0](https://github.com/MTES-MCT/monitor-ui/commit/5e00cb0baa8dc6937b44a800e24f61d04a258ab7))
+
+
+### Features
+
+* **fields:** add Icon prop to TextInput ([a885011](https://github.com/MTES-MCT/monitor-ui/commit/a885011f2cd0d09034e9d45a54a356b4ffdd7d6c))
+* **icons:** update and add icons ([efd44f2](https://github.com/MTES-MCT/monitor-ui/commit/efd44f243fa2f2914b1c15a755245c99f2c06a76))
+
+## [6.0.1](https://github.com/MTES-MCT/monitor-ui/compare/v6.0.0...v6.0.1) (2023-05-19)
+
+
+### Bug Fixes
+
+* add missing classnames ([23f83f1](https://github.com/MTES-MCT/monitor-ui/commit/23f83f13a2b909712bf1580e8e9545a314236dbb))
+
 # [6.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v5.9.2...v6.0.0) (2023-05-17)
 
 

package/ThemeProvider.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from './theme';
+import { type Theme } from './theme';
 import type { PartialDeep } from 'type-fest';
 export type ThemeProviderProps = {
     children: any;

package/assets/stylesheets/rsuite-override.css

@@ -61,10 +61,6 @@
   /* Checkbox vars */
   --rs-checkbox-disabled-bg: var(--white);
 
-  /* input vars */
-  --rs-input-bg: var(--gainsboro);
-  --rs-input-focus-border: var(--blue-gray);
-
   --rs-menuitem-active-text: var(--blue-gray);
   --rs-listbox-option-hover-bg: var(--blue-yonder-25);
   --rs-listbox-option-selected-bg: var(--blue-gray-25);
@@ -78,27 +74,6 @@ label {
   line-height: 18px;
 }
 
-.rs-input {
-  border-radius: 0;
-  color: var(--gunMetal);
-}
-
-.rs-input.ghost {
-  background-color: var(--white);
-}
-
-.rs-input-group,
-.rs-input-group:not(.rs-input-group-inside) .rs-auto-complete:first-child .rs-input,
-.rs-input-group:not(.rs-input-group-inside) .rs-form-control-wrapper:first-child > .rs-input,
-.rs-input-group:not(.rs-input-group-inside) .rs-picker-date:first-child .rs-picker-toggle,
-.rs-input-group:not(.rs-input-group-inside) > :first-child,
-.rs-input-group:not(.rs-input-group-inside) .rs-auto-complete:last-child .rs-input,
-.rs-input-group:not(.rs-input-group-inside) .rs-form-control-wrapper:last-child > .rs-input,
-.rs-input-group:not(.rs-input-group-inside) .rs-picker-date:last-child .rs-picker-toggle,
-.rs-input-group:not(.rs-input-group-inside) > :last-child {
-  border-radius: 0;
-}
-
 .rs-picker-toggle-active,
 .rs-picker.rs-picker-focused {
   box-shadow: none;
@@ -106,14 +81,6 @@ label {
   border-radius: 0;
 }
 
-.rs-input-group-addon.primary {
-  background-color: var(--rs-btn-primary-bg);
-}
-
-.rs-input-group.rs-input-group-inside .rs-input-group-addon {
-  padding: 8px 13px 8px 11px;
-}
-
 /* button */
 .rs-ripple-pond {
   height: 30px;

package/components/Dropdown/index.d.ts

@@ -8,4 +8,4 @@ export type DropdownProps = Omit<RsuiteDropdownProps, 'as' | 'icon'> & {
 export declare const Dropdown: FunctionComponent<DropdownProps> & {
     Item: FunctionComponent<DropdownItemProps>;
 };
-export { DropdownItemProps };
+export { type DropdownItemProps };

package/components/NewWindow.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode } from 'react';
+import { PureComponent, type ReactNode } from 'react';
 import type { Promisable } from 'type-fest';
 export type NewWindowProps = {
     center?: 'parent' | 'screen' | undefined;

package/elements/Tag/index.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
+import { type FunctionComponent, type HTMLAttributes } from 'react';
 import { Accent, TagBullet } from '../../constants';
 import type { IconProps } from '../../types';
 export type TagProps = HTMLAttributes<HTMLSpanElement> & {

package/fields/DateRangePicker/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import type { InputHTMLAttributes } from 'react';
+import { type InputHTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
 export type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'maxLength' | 'onInput' | 'pattern' | 'type'> & {
     isLight: boolean;

package/fields/NumberInput.d.ts

@@ -11,4 +11,4 @@ export type NumberInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | '
     onChange?: ((nextValue: number | undefined) => Promisable<void>) | undefined;
     value?: number | undefined;
 };
-export declare function NumberInput({ error, isErrorMessageHidden, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, value, ...originalProps }: NumberInputProps): JSX.Element;
+export declare function NumberInput({ className, error, isErrorMessageHidden, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, style, value, ...originalProps }: NumberInputProps): JSX.Element;

package/fields/Search.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { type ElementType } from 'react';
 import type { Option, OptionValueType } from '../types';
 import type { AutoCompleteProps as RsuiteAutoCompleteProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
 export type SearchProps<OptionValue extends OptionValueType = string> = Omit<RsuiteAutoCompleteProps, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'open' | 'onSelect' | 'value'> & {
-    MenuItem?: React.ElementType | undefined;
+    MenuItem?: ElementType | undefined;
     /** 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,10 +17,6 @@ export type SearchProps<OptionValue extends OptionValueType = string> = Omit<Rsu
     onQuery?: ((nextQuery: string | undefined) => Promisable<void>) | 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, className, error, isErrorMessageHidden, isLabelHidden, isLight, isSearchIconVisible, label, MenuItem, onChange, onQuery, options, optionValueKey, queryMap, queryUrl, throttleDuration, value, ...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, value, ...originalProps }: SearchProps<OptionValue>): JSX.Element;

package/fields/TextInput.d.ts

@@ -1,6 +1,10 @@
+import { type FunctionComponent } from 'react';
+import { Size } from '../constants';
+import type { IconProps } from '../types';
 import type { InputProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'onChange' | 'type' | 'value'> & {
+export type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'onChange' | 'size' | 'type' | 'value'> & {
+    Icon?: FunctionComponent<IconProps> | undefined;
     error?: string | undefined;
     isErrorMessageHidden?: boolean | undefined;
     isLabelHidden?: boolean | undefined;
@@ -9,6 +13,7 @@ export type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'on
     label: string;
     name: string;
     onChange?: ((nextValue: string | undefined) => Promisable<void>) | undefined;
+    size?: Size | undefined;
     value?: string | undefined;
 };
-export declare function TextInput({ error, isErrorMessageHidden, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, value, ...originalProps }: TextInputProps): JSX.Element;
+export declare function TextInput({ className, error, Icon, isErrorMessageHidden, isLabelHidden, isLight, isUndefinedWhenDisabled, label, onChange, size, style, value, ...originalProps }: TextInputProps): JSX.Element;

package/icons/Report.d.ts

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

package/icons/Semaphore.d.ts

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

package/icons/index.d.ts

@@ -50,12 +50,14 @@ import { PinpointHide } from './PinpointHide';
 import { Plane } from './Plane';
 import { Plus } from './Plus';
 import { Reject } from './Reject';
+import { Report } from './Report';
 import { Save } from './Save';
 import { Search } from './Search';
 import { SelectCircle } from './SelectCircle';
 import { SelectPolygon } from './SelectPolygon';
 import { SelectRectangle } from './SelectRectangle';
 import { SelectZone } from './SelectZone';
+import { Semaphore } from './Semaphore';
 import { ShowErsMessages } from './ShowErsMessages';
 import { ShowXml } from './ShowXml';
 import { SortingArrows } from './SortingArrows';
@@ -66,4 +68,4 @@ import { Unlock } from './Unlock';
 import { Vessel } from './Vessel';
 import { ViewOnMap } from './ViewOnMap';
 import { Vms } from './Vms';
-export { ActivityFeed, Alert, Anchor, Archive, Attention, Calendar, Check, Chevron, Clock, Close, Confirm, Control, Delete, Display, DoubleChevron, Download, Drapeau, Duplicate, Edit, EditBis, Expand, Favorite, FilledArrow, Filter, FilterBis, Fishery, FishingEngine, FleetSegment, Focus, FocusVessel, FocusZones, Hide, Info, Infringement, Landmark, List, MapLayers, MeasureAngle, MeasureBrokenLine, MeasureCircle, MeasureLine, Minus, MissionAction, More, Note, Observation, Pin, Pinpoint, PinpointHide, Plane, Plus, Reject, Save, Search, SelectCircle, SelectPolygon, SelectRectangle, SelectZone, ShowErsMessages, ShowXml, SortingArrows, Summary, Tag, Target, Unlock, Vessel, ViewOnMap, Vms };
+export { ActivityFeed, Alert, Anchor, Archive, Attention, Calendar, Check, Chevron, Clock, Close, Confirm, Control, Delete, Display, DoubleChevron, Download, Drapeau, Duplicate, Edit, EditBis, Expand, Favorite, FilledArrow, Filter, FilterBis, Fishery, FishingEngine, FleetSegment, Focus, FocusVessel, FocusZones, Hide, Info, Infringement, Landmark, List, MapLayers, MeasureAngle, MeasureBrokenLine, MeasureCircle, MeasureLine, Minus, MissionAction, More, Note, Observation, Pin, Pinpoint, PinpointHide, Plane, Plus, Reject, Report, Save, Search, SelectCircle, SelectPolygon, SelectRectangle, SelectZone, Semaphore, ShowErsMessages, ShowXml, SortingArrows, Summary, Tag, Target, Unlock, Vessel, ViewOnMap, Vms };