@mtes-mct/monitor-ui 1.9.2 → 1.10.1

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.10.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.9.2...v1.10.0) (2022-12-01)
+
+
+### Features
+
+* **components:** add Dropdown ([#93](https://github.com/MTES-MCT/monitor-ui/issues/93)) ([1d5ec1b](https://github.com/MTES-MCT/monitor-ui/commit/1d5ec1b06b0f9ed06b44518de60cd69f0286e8fb))
+* **elements:** add IconButton ([#92](https://github.com/MTES-MCT/monitor-ui/issues/92)) ([5ea52c3](https://github.com/MTES-MCT/monitor-ui/commit/5ea52c3bc2c20226641e46b114a6bea617caeb45))
+
+## [1.9.2](https://github.com/MTES-MCT/monitor-ui/compare/v1.9.1...v1.9.2) (2022-12-01)
+
+
+### Bug Fixes
+
+* **build:** set include fonts as inline data ([#90](https://github.com/MTES-MCT/monitor-ui/issues/90)) ([4872817](https://github.com/MTES-MCT/monitor-ui/commit/48728173b37f7842309b4141e8337f5263c64a35))
+
 ## [1.9.1](https://github.com/MTES-MCT/monitor-ui/compare/v1.9.0...v1.9.1) (2022-12-01)
 
 

package/ThemeProvider.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from './theme';
 import type { DeepPartial } from './types';
-export declare type ThemeProviderProps = {
+export type ThemeProviderProps = {
     children: any;
     theme?: DeepPartial<Theme>;
 };

package/assets/stylesheets/rsuite-override.css

@@ -394,48 +394,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
   margin-bottom: 32px;
 }
 
-/* dropdown */
-
-.rs-dropdown-menu {
-  border-radius: 0;
-  padding: 0;
-}
-
-.rs-dropdown-item {
-  padding-top: 0px;
-  padding-bottom: 0px;
-  line-height: 38px;
-}
-
-.rs-dropdown .rs-btn {
-  padding-left: 32px;
-}
-
-.rs-dropdown .rs-btn > .rs-dropdown-toggle-icon {
-  width: 30px;
-  height: 30px;
-  padding: 5px;
-  position: absolute;
-  left: 0;
-  top: 0;
-  margin: 0;
-}
-
-.rs-dropdown .rs-btn.rs-btn-sm > .rs-dropdown-toggle-icon {
-  width: 24px;
-  height: 24px;
-  padding: 3px;
-}
-
-.rs-dropdown-item:not(:last-child) {
-  border-bottom: 1px solid var(--lightGray);
-}
-
-svg.rs-dropdown-item-menu-icon {
-  vertical-align: middle;
-  margin-right: 10px;
-}
-
 /* Tags */
 
 .rs-tag-default {

package/components/Dropdown/Item.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '../../types';
+import type { FunctionComponent } from 'react';
+import type { DropdownMenuItemProps as RsuiteDropdownMenuItemProps } from 'rsuite';
+export type DropdownItemProps = Omit<RsuiteDropdownMenuItemProps, 'as' | 'icon'> & {
+    Icon?: FunctionComponent<IconProps>;
+};
+export declare function Item({ Icon, ...originalProps }: DropdownItemProps): JSX.Element;

package/components/Dropdown/index.d.ts

@@ -0,0 +1,11 @@
+import type { IconProps } from '../../types';
+import type { DropdownItemProps } from './Item';
+import type { FunctionComponent } from 'react';
+import type { DropdownProps as RsuiteDropdownProps } from 'rsuite';
+export type DropdownProps = Omit<RsuiteDropdownProps, 'as' | 'icon'> & {
+    Icon?: FunctionComponent<IconProps>;
+};
+export declare const Dropdown: FunctionComponent<DropdownProps> & {
+    Item: FunctionComponent<DropdownItemProps>;
+};
+export { DropdownItemProps };

package/elements/Button.d.ts

@@ -1,10 +1,13 @@
 import { Accent, Size } from '../contants';
 import type { IconProps } from '../types';
 import type { ButtonHTMLAttributes, FunctionComponent } from 'react';
-export declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     Icon?: FunctionComponent<IconProps>;
     accent?: Accent;
     isFullWidth?: boolean;
     size?: Size;
 };
 export declare function Button({ accent, children, Icon, isFullWidth, size, type, ...nativeProps }: ButtonProps): JSX.Element;
+export declare const PrimaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const SecondaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const TertiaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/elements/Field.d.ts

@@ -1,3 +1,3 @@
 import type { HTMLAttributes } from 'react';
-export declare type FieldProps = HTMLAttributes<HTMLDivElement>;
+export type FieldProps = HTMLAttributes<HTMLDivElement>;
 export declare const Field: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/elements/Fieldset.d.ts

@@ -1,3 +1,3 @@
 import type { FieldsetHTMLAttributes } from 'react';
-export declare type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
+export type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
 export declare function Fieldset(nativeProps: FieldsetProps): JSX.Element;

package/elements/IconBox.d.ts

@@ -1,4 +1,4 @@
-export declare type IconBoxProps = {
+export type IconBoxProps = {
     color?: string;
     /** In REM */
     size?: number;

package/elements/IconButton.d.ts

@@ -0,0 +1,9 @@
+import { Accent, Size } from '../contants';
+import type { IconProps } from '../types';
+import type { ButtonHTMLAttributes, FunctionComponent } from 'react';
+export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
+    Icon: FunctionComponent<IconProps>;
+    accent?: Accent;
+    size?: Size;
+};
+export declare function IconButton({ accent, Icon, size, type, ...nativeProps }: IconButtonProps): JSX.Element;

package/elements/Label.d.ts

@@ -1,5 +1,5 @@
 import type { LabelHTMLAttributes } from 'react';
-export declare type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
+export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
     isHidden: boolean;
 };
 export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {

package/elements/Legend.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'react';
-export declare type LegendProps = HTMLAttributes<HTMLLegendElement> & {
+export type LegendProps = HTMLAttributes<HTMLLegendElement> & {
     isHidden?: boolean;
 };
 export declare function Legend({ isHidden, ...nativeProps }: LegendProps): JSX.Element;

package/fields/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import type { CheckboxProps as RsuiteCheckboxProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export declare type CheckboxProps = Omit<RsuiteCheckboxProps, 'as' | 'checked' | 'id' | 'onChange'> & {
+export type CheckboxProps = Omit<RsuiteCheckboxProps, 'as' | 'checked' | 'id' | 'onChange'> & {
     label: string;
     name: string;
     onChange?: (isCheched: boolean) => Promisable<void>;

package/fields/DatePicker/CalendarPicker.d.ts

@@ -1,6 +1,6 @@
 import type { DateTuple } from '../DateRangePicker/types';
 import type { Promisable } from 'type-fest';
-declare type CalendarPickerProps = {
+type CalendarPickerProps = {
     defaultValue?: Date;
     isHistorical?: boolean;
     onChange: (nextDateTuple: DateTuple) => Promisable<void>;

package/fields/DatePicker/index.d.ts

@@ -1,5 +1,5 @@
 import type { Promisable } from 'type-fest';
-export declare type DatePickerProps = {
+export type DatePickerProps = {
     defaultValue?: Date;
     /** Only allow past dates until today. */
     isHistorical?: boolean;

package/fields/DateRangePicker/DateInput.d.ts

@@ -2,7 +2,7 @@
 import type { NumberInputProps } from './NumberInput';
 import type { DateTuple, DateOrTimeInputRef } from './types';
 import type { Promisable } from 'type-fest';
-export declare type DateInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'onNext'> & {
+export type DateInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'onNext'> & {
     defaultValue?: DateTuple;
     isEndDate?: boolean;
     isForcedFocused: boolean;

package/fields/DateRangePicker/NumberInput.d.ts

@@ -1,6 +1,6 @@
 import type { InputHTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
-export declare type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'onInput' | 'pattern' | 'type'> & {
+export type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'onInput' | 'pattern' | 'type'> & {
     max: number;
     min: number;
     /** Called when the use press backspace key while the input is empty. */

package/fields/DateRangePicker/RangeCalendarPicker.d.ts

@@ -1,7 +1,7 @@
 import type { DateRange } from '../../types';
 import type { DateTupleRange } from './types';
 import type { Promisable } from 'type-fest';
-declare type RangeCalendarPickerProps = {
+type RangeCalendarPickerProps = {
     defaultValue?: DateRange;
     isHistorical?: boolean;
     onChange: (nextDateTupleRange: DateTupleRange) => Promisable<void>;

package/fields/DateRangePicker/RangedTimePicker.d.ts

@@ -1,6 +1,6 @@
 import type { TimeTuple } from './types';
 import type { Promisable } from 'type-fest';
-declare type RangedTimePickerProps = {
+type RangedTimePickerProps = {
     filter: RegExp;
     minutesRange: number;
     onChange: (nextTimeTuple: TimeTuple) => Promisable<void>;

package/fields/DateRangePicker/TimeInput.d.ts

@@ -2,7 +2,7 @@
 import type { NumberInputProps } from './NumberInput';
 import type { DateOrTimeInputRef, TimeTuple } from './types';
 import type { Promisable } from 'type-fest';
-export declare type TimeInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'onNext'> & {
+export type TimeInputProps = Pick<NumberInputProps, 'onBack' | 'onPrevious' | 'onNext'> & {
     defaultValue?: TimeTuple;
     isStartDate?: boolean;
     minutesRange?: number;

package/fields/DateRangePicker/index.d.ts

@@ -1,6 +1,6 @@
 import type { DateRange } from '../../types';
 import type { Promisable } from 'type-fest';
-export declare type DateRangePickerProps = {
+export type DateRangePickerProps = {
     defaultValue?: DateRange;
     /** Only allow past dates until today. */
     isHistorical?: boolean;

package/fields/DateRangePicker/types.d.ts

@@ -1,4 +1,4 @@
-export declare type DateOrTimeInputRef = {
+export type DateOrTimeInputRef = {
     boxSpan: HTMLSpanElement;
     /**
      * Focus the first input in the group.
@@ -12,7 +12,7 @@ export declare enum DateRangePosition {
     START = "START"
 }
 /** In the shape of ["YYYY", "MM", "DD"]. */
-export declare type DateTuple = [string, string, string];
-export declare type DateTupleRange = [DateTuple, DateTuple];
+export type DateTuple = [string, string, string];
+export type DateTupleRange = [DateTuple, DateTuple];
 /** In the shape of ["hh", "mm"]. */
-export declare type TimeTuple = [string, string];
+export type TimeTuple = [string, string];

package/fields/MultiCheckbox.d.ts

@@ -1,6 +1,6 @@
 import type { Option } from '../types';
 import type { Promisable } from 'type-fest';
-export declare type MultiCheckboxProps = {
+export type MultiCheckboxProps = {
     defaultValue?: string[];
     isInline?: boolean;
     isLabelHidden?: boolean;

package/fields/MultiRadio.d.ts

@@ -1,6 +1,6 @@
 import type { Option } from '../types';
 import type { Promisable } from 'type-fest';
-export declare type MultiRadioProps = {
+export type MultiRadioProps = {
     defaultValue?: string;
     isInline?: boolean;
     isLabelHidden?: boolean;

package/fields/MultiSelect.d.ts

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

package/fields/Select.d.ts

@@ -1,7 +1,7 @@
 import type { Option } from '../types';
 import type { SelectPickerProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export declare type SelectProps = Omit<SelectPickerProps<any>, 'as' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'value'> & {
+export type SelectProps = Omit<SelectPickerProps<any>, 'as' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'value'> & {
     defaultValue?: string;
     isLabelHidden?: boolean;
     label: string;

package/fields/TextInput.d.ts

@@ -1,6 +1,6 @@
 import type { InputProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export declare type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'onChange' | 'value'> & {
+export type TextInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'onChange' | 'value'> & {
     defaultValue?: string;
     isLabelHidden?: boolean;
     label: string;

package/fields/Textarea.d.ts

@@ -1,6 +1,6 @@
 import type { TextareaHTMLAttributes } from 'react';
 import type { Promisable } from 'type-fest';
-export declare type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'defaultValue' | 'id' | 'onChange' | 'value'> & {
+export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'defaultValue' | 'id' | 'onChange' | 'value'> & {
     defaultValue?: string;
     isLabelHidden?: boolean;
     label: string;

package/formiks/FormikCheckbox.d.ts

@@ -1,3 +1,3 @@
 import type { CheckboxProps } from '../fields/Checkbox';
-export declare type FormikCheckboxProps = Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onChange'>;
+export type FormikCheckboxProps = Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onChange'>;
 export declare function FormikCheckbox({ name, ...originalProps }: FormikCheckboxProps): JSX.Element;

package/formiks/FormikDatePicker.d.ts

@@ -1,5 +1,5 @@
 import type { DatePickerProps } from '../fields/DatePicker';
-export declare type FormikDatePickerProps = Omit<DatePickerProps, 'onChange'> & {
+export type FormikDatePickerProps = Omit<DatePickerProps, 'onChange'> & {
     name: string;
 };
 export declare function FormikDatePicker({ name, ...originalProps }: FormikDatePickerProps): JSX.Element;

package/formiks/FormikDateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import type { DateRangePickerProps } from '../fields/DateRangePicker';
-export declare type FormikDateRangePickerProps = Omit<DateRangePickerProps, 'onChange'> & {
+export type FormikDateRangePickerProps = Omit<DateRangePickerProps, 'onChange'> & {
     name: string;
 };
 export declare function FormikDateRangePicker({ name, ...originalProps }: FormikDateRangePickerProps): JSX.Element;

package/formiks/FormikEffect.d.ts

@@ -1,5 +1,5 @@
 import type { Promisable } from 'type-fest';
-export declare type FormikEffectProps = {
+export type FormikEffectProps = {
     onChange: (nextValues: Record<string, any>) => Promisable<void>;
 };
 export declare function FormikEffect({ onChange }: FormikEffectProps): JSX.Element;

package/formiks/FormikMultiCheckbox.d.ts

@@ -1,3 +1,3 @@
 import type { MultiCheckboxProps } from '../fields/MultiCheckbox';
-export declare type FormikMultiCheckboxProps = Omit<MultiCheckboxProps, 'defaultValue' | 'onChange'>;
+export type FormikMultiCheckboxProps = Omit<MultiCheckboxProps, 'defaultValue' | 'onChange'>;
 export declare function FormikMultiCheckbox({ name, ...originalProps }: FormikMultiCheckboxProps): JSX.Element;

package/formiks/FormikMultiRadio.d.ts

@@ -1,3 +1,3 @@
 import type { MultiRadioProps } from '../fields/MultiRadio';
-export declare type FormikMultiRadioProps = Omit<MultiRadioProps, 'defaultValue' | 'onChange'>;
+export type FormikMultiRadioProps = Omit<MultiRadioProps, 'defaultValue' | 'onChange'>;
 export declare function FormikMultiRadio({ name, ...originalProps }: FormikMultiRadioProps): JSX.Element;

package/formiks/FormikMultiSelect.d.ts

@@ -1,3 +1,3 @@
 import type { MultiSelectProps } from '../fields/MultiSelect';
-export declare type FormikMultiSelectProps = Omit<MultiSelectProps, 'defaultValue' | 'onChange'>;
+export type FormikMultiSelectProps = Omit<MultiSelectProps, 'defaultValue' | 'onChange'>;
 export declare function FormikMultiSelect({ name, ...originalProps }: FormikMultiSelectProps): JSX.Element;

package/formiks/FormikSelect.d.ts

@@ -1,3 +1,3 @@
 import type { SelectProps } from '../fields/Select';
-export declare type FormikSelectProps = Omit<SelectProps, 'defaultValue' | 'onChange'>;
+export type FormikSelectProps = Omit<SelectProps, 'defaultValue' | 'onChange'>;
 export declare function FormikSelect({ name, ...originalProps }: FormikSelectProps): JSX.Element;

package/formiks/FormikTextInput.d.ts

@@ -1,3 +1,3 @@
 import type { TextInputProps } from '../fields/TextInput';
-export declare type FormikTextInputProps = Omit<TextInputProps, 'defaultValue' | 'onChange'>;
+export type FormikTextInputProps = Omit<TextInputProps, 'defaultValue' | 'onChange'>;
 export declare function FormikTextInput({ name, ...originalProps }: FormikTextInputProps): JSX.Element;

package/formiks/FormikTextarea.d.ts

@@ -1,3 +1,3 @@
 import type { TextareaProps } from '../fields/Textarea';
-export declare type FormikTextareaProps = Omit<TextareaProps, 'defaultValue' | 'onChange'>;
+export type FormikTextareaProps = Omit<TextareaProps, 'defaultValue' | 'onChange'>;
 export declare function FormikTextarea({ name, ...originalProps }: FormikTextareaProps): JSX.Element;

package/index.d.ts

@@ -1,9 +1,12 @@
+export { Accent, Size } from './contants';
 export { GlobalStyle } from './GlobalStyle';
 export { THEME } from './theme';
 export { ThemeProvider } from './ThemeProvider';
+export { Dropdown } from './components/Dropdown';
 export { Button } from './elements/Button';
 export { Field } from './elements/Field';
 export { Fieldset } from './elements/Fieldset';
+export { IconButton } from './elements/IconButton';
 export { Label } from './elements/Label';
 export { Legend } from './elements/Legend';
 export { Checkbox } from './fields/Checkbox';
@@ -26,12 +29,13 @@ export { FormikSelect } from './formiks/FormikSelect';
 export { FormikTextarea } from './formiks/FormikTextarea';
 export { FormikTextInput } from './formiks/FormikTextInput';
 export * as Icon from './icons';
-export { Accent, Size } from './contants';
-export type { DateRange, IconProps, Option } from './types';
 export type { PartialTheme, Theme } from './theme';
+export type { DateRange, IconProps, Option } from './types';
+export type { DropdownProps, DropdownItemProps } from './components/Dropdown';
 export type { ButtonProps } from './elements/Button';
 export type { FieldProps } from './elements/Field';
 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 { CheckboxProps } from './fields/Checkbox';