@mtes-mct/monitor-ui 2.16.0 → 2.18.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React UI components and styles for Monitorfish and Monitorenv.",
-  "version": "2.16.0",
+  "version": "2.18.0",
   "license": "AGPL-3.0",
   "engines": {
     "node": ">=18"
@@ -9,7 +9,8 @@
   "dependencies": {
     "@babel/runtime": "7.20.6",
     "prop-types": "15.8.1",
-    "tslib": "2.5.0"
+    "tslib": "2.5.0",
+    "use-debounce": "^9.0.3"
   },
   "peerDependencies": {
     "formik": "^2.0.0",

package/src/constants.d.ts

@@ -8,3 +8,5 @@ export declare enum Size {
     NORMAL = "NORMAL",
     SMALL = "SMALL"
 }
+export declare const WSG84_PROJECTION = "EPSG:4326";
+export declare const OPENLAYERS_PROJECTION = "EPSG:3857";

package/src/elements/Button.d.ts

@@ -1,9 +1,10 @@
 import { Accent, Size } from '../constants';
 import type { IconProps } from '../types';
 import type { ButtonHTMLAttributes, FunctionComponent } from 'react';
-export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
     Icon?: FunctionComponent<IconProps> | undefined;
     accent?: Accent | undefined;
+    children?: string | undefined;
     isFullWidth?: boolean | undefined;
     size?: Size | undefined;
 };

package/src/fields/CoordinatesInput/DDCoordinatesInput.d.ts

@@ -0,0 +1,6 @@
+type DDCoordinatesInputProps = {
+    coordinates: [number, number];
+    onChange: (nextCoordinates: [number, number], coordinates: [number, number]) => void;
+};
+export declare function DDCoordinatesInput({ coordinates, onChange }: DDCoordinatesInputProps): JSX.Element;
+export {};

package/src/fields/CoordinatesInput/DMDCoordinatesInput.d.ts

@@ -0,0 +1,8 @@
+import { CoordinatesFormat } from './constants';
+type DMDCoordinatesInputProps = {
+    coordinates: number[];
+    coordinatesFormat: CoordinatesFormat;
+    onChange: (nextCoordinates: number[], coordinates: number[]) => void;
+};
+export declare function DMDCoordinatesInput({ coordinates, coordinatesFormat, onChange }: DMDCoordinatesInputProps): JSX.Element;
+export {};

package/src/fields/CoordinatesInput/DMSCoordinatesInput.d.ts

@@ -0,0 +1,8 @@
+import type { CoordinatesFormat } from './constants';
+type DMSCoordinatesInputProps = {
+    coordinates: number[];
+    coordinatesFormat: CoordinatesFormat;
+    onChange: (nextCoordinates: number[], coordinates: number[]) => void;
+};
+export declare function DMSCoordinatesInput({ coordinates, coordinatesFormat, onChange }: DMSCoordinatesInputProps): JSX.Element;
+export {};

package/src/fields/CoordinatesInput/constants.d.ts

@@ -0,0 +1,5 @@
+export declare enum CoordinatesFormat {
+    DECIMAL_DEGREES = "DD",
+    DEGREES_MINUTES_DECIMALS = "DMD",
+    DEGREES_MINUTES_SECONDS = "DMS"
+}

package/src/fields/CoordinatesInput/index.d.ts

@@ -0,0 +1,8 @@
+import { CoordinatesFormat } from './constants';
+import type { Promisable } from 'type-fest';
+export type CoordinatesInputProps = {
+    coordinatesFormat: CoordinatesFormat;
+    defaultValue: number[];
+    onChange: (nextCoordinates: number[], coordinates: number[]) => Promisable<void>;
+};
+export declare function CoordinatesInput({ coordinatesFormat, defaultValue, onChange }: CoordinatesInputProps): JSX.Element;

package/src/index.d.ts

@@ -1,8 +1,9 @@
-export { Accent, Size } from './constants';
+export { Accent, Size, OPENLAYERS_PROJECTION, WSG84_PROJECTION } from './constants';
 export { GlobalStyle } from './GlobalStyle';
 export { OnlyFontGlobalStyle } from './OnlyFontGlobalStyle';
 export { THEME } from './theme';
 export { ThemeProvider } from './ThemeProvider';
+export { CoordinatesFormat } from './fields/CoordinatesInput/constants';
 export { Dropdown } from './components/Dropdown';
 export { SingleTag } from './components/SingleTag';
 export { Button } from './elements/Button';
@@ -22,6 +23,7 @@ export { MultiSelect } from './fields/MultiSelect';
 export { MultiRadio } from './fields/MultiRadio';
 export { MultiZoneEditor } from './fields/MultiZoneEditor';
 export { NumberInput } from './fields/NumberInput';
+export { CoordinatesInput } from './fields/CoordinatesInput';
 export { Select } from './fields/Select';
 export { Textarea } from './fields/Textarea';
 export { TextInput } from './fields/TextInput';
@@ -43,9 +45,11 @@ export { useKey } from './hooks/useKey';
 export { useForceUpdate } from './hooks/useForceUpdate';
 export { usePrevious } from './hooks/usePrevious';
 export { dayjs } from './utils/dayjs';
+export { getCoordinates, coordinatesAreDistinct } from './utils/coordinates';
 export { getLocalizedDayjs } from './utils/getLocalizedDayjs';
 export { getUtcizedDayjs } from './utils/getUtcizedDayjs';
 export { noop } from './utils/noop';
+export { isNumeric } from './utils/isNumeric';
 export { stopMouseEventPropagation } from './utils/stopMouseEventPropagation';
 export type { PartialTheme, Theme } from './theme';
 export type { DateAsStringRange, DateRange, IconProps, Option, Undefine } from './types';
@@ -68,6 +72,7 @@ export type { MultiSelectProps } from './fields/MultiSelect';
 export type { MultiRadioProps } from './fields/MultiRadio';
 export type { MultiZoneEditorProps } from './fields/MultiZoneEditor';
 export type { NumberInputProps } from './fields/NumberInput';
+export type { CoordinatesInputProps } from './fields/CoordinatesInput';
 export type { SelectProps } from './fields/Select';
 export type { TextareaProps } from './fields/Textarea';
 export type { TextInputProps } from './fields/TextInput';

package/src/utils/coordinates.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Get coordinates in the specified format
+ * @param {number[]} coordinates - Coordinates ([longitude, latitude]) in decimal format.
+ * @param {string} projection - The project of the entered coordinates.
+ * @param {string} coordinatesFormat - The wanted format of the returned coordinates (DMS, DMD or DD)
+ * @param {boolean} isForPrint - If it's for print or not. Default to true
+ * @returns {string[]} coordinates - The [latitude, longitude] coordinates
+ */
+export declare const getCoordinates: (coordinates: any, projection: any, coordinatesFormat: any, isForPrint?: boolean) => string[];
+/**
+ * Check if coordinates are the same or roughly the same (to the 0.000001 decimal degree - to avoid infinite rounding loop)
+ * @param nextCoordinates - Next coordinates ([longitude, latitude]) in decimal format.
+ * @param coordinates - Coordinates ([longitude, latitude]) in decimal format.
+ */
+export declare const coordinatesAreDistinct: (nextCoordinates: number[], coordinates: number[]) => boolean;

package/src/utils/isNumeric.d.ts

@@ -0,0 +1 @@
+export declare function isNumeric(val: any): val is number | string;