@mtes-mct/monitor-ui 9.1.0 → 9.2.0

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
-  "version": "9.1.0",
+  "version": "9.2.0",
   "license": "AGPL-3.0",
   "engines": {
     "node": ">=18"
   },
   "dependencies": {
-    "@babel/runtime": "7.22.6",
-    "@tanstack/react-table": "^8.9.3",
+    "@babel/runtime": "7.22.15",
+    "@tanstack/react-table": "8.9.7",
     "@tanstack/react-virtual": "beta",
     "prop-types": "15.8.1",
-    "tslib": "2.5.3"
+    "tslib": "2.6.2"
   },
   "peerDependencies": {
     "@sentry/react": "^7.0.0",
-    "cypress": "^10.0.0 || ^11.0.0 || ^12.0.0",
+    "cypress": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0",
     "formik": "^2.0.0",
     "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react-router-dom": "^6.0.0",
     "rsuite": "^5.37.0",
     "styled-components": "^5.0.0"
   },

package/src/icons/ControlUnit.d.ts

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

package/src/icons/index.d.ts

@@ -10,6 +10,7 @@ import { Clock } from './Clock';
 import { Close } from './Close';
 import { Confirm } from './Confirm';
 import { Control } from './Control';
+import { ControlUnit } from './ControlUnit';
 import { Delete } from './Delete';
 import { Display } from './Display';
 import { DoubleChevron } from './DoubleChevron';
@@ -73,4 +74,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, PinFilled, Pinpoint, PinpointHide, Plane, Plus, Reject, Report, Reset, Save, Search, SelectCircle, SelectPolygon, SelectRectangle, SelectZone, Semaphore, ShowErsMessages, ShowXml, SortSelectedDown, SortSelectedUp, SortingArrows, SortingChevrons, Summary, Tag, Target, Unlock, Vessel, ViewOnMap, Vms };
+export { ActivityFeed, Alert, Anchor, Archive, Attention, Calendar, Check, Chevron, Clock, Close, Confirm, Control, ControlUnit, 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, PinFilled, Pinpoint, PinpointHide, Plane, Plus, Reject, Report, Reset, Save, Search, SelectCircle, SelectPolygon, SelectRectangle, SelectZone, Semaphore, ShowErsMessages, ShowXml, SortSelectedDown, SortSelectedUp, SortingArrows, SortingChevrons, Summary, Tag, Target, Unlock, Vessel, ViewOnMap, Vms };

package/src/index.d.ts

@@ -26,8 +26,6 @@ export { Label } from './elements/Label';
 export { Legend } from './elements/Legend';
 export { Tag } from './elements/Tag';
 export { TagGroup } from './elements/TagGroup';
-export { SimpleTable } from './elements/Table/SimpleTable';
-export { TableWithSelectableRows } from './elements/Table/TableWithSelectableRows';
 export { Search } from './fields/Search';
 export { Checkbox } from './fields/Checkbox';
 export { DatePicker } from './fields/DatePicker';
@@ -62,6 +60,9 @@ export { useKey } from './hooks/useKey';
 export { NewWindowContext, useNewWindow } from './hooks/useNewWindow';
 export { usePrevious } from './hooks/usePrevious';
 export { CustomSearch } from './libs/CustomSearch';
+export { DataTable } from './tables/DataTable';
+export { SimpleTable } from './tables/SimpleTable';
+export { TableWithSelectableRows } from './tables/TableWithSelectableRows';
 export { cleanString } from './utils/cleanString';
 export { customDayjs } from './utils/customDayjs';
 export { getCoordinates, coordinatesAreDistinct } from './utils/coordinates';
@@ -97,7 +98,6 @@ export type { LabelProps } from './elements/Label';
 export type { LegendProps } from './elements/Legend';
 export type { TagProps } from './elements/Tag';
 export type { TagGroupProps } from './elements/TagGroup';
-export type { RowCheckboxProps } from './elements/Table/TableWithSelectableRows/RowCheckbox';
 export type { SearchProps } from './fields/Search';
 export type { CheckboxProps } from './fields/Checkbox';
 export type { DatePickerWithDateDateProps, DatePickerWithStringDateProps } from './fields/DatePicker';
@@ -126,3 +126,5 @@ export type { FormikTextareaProps } from './formiks/FormikTextarea';
 export type { FormikTextInputProps } from './formiks/FormikTextInput';
 export type { NewWindowContextValue } from './hooks/useNewWindow';
 export type { CustomSearchKey, CustomSearchOptions } from './libs/CustomSearch';
+export type { DataTableProps } from './tables/DataTable';
+export type { RowCheckboxProps } from './tables/TableWithSelectableRows/RowCheckbox';

package/src/libs/CustomSearch.d.ts

@@ -20,10 +20,20 @@ export type CustomSearchOptions = Partial<{
      * instead of returning both by default (`false`).
      */
     isStrict: boolean;
+    /**
+     * By default, location is set to 0 and distance to 100
+     * When isStrict is false, for something to be considered a match, it would have to be within
+     * (threshold) 0.4 x (distance) 100 = 40 characters away from the expected location 0. (i.e. the first 40 characters)
+     * When true, search will ignore location and distance, so it won't matter where in the string the pattern appears.
+     *
+     * @default true
+     * @see https://www.fusejs.io/concepts/scoring-theory.html#scoring-theory
+     */
+    shouldIgnoreLocation: boolean;
     /**
      * At what point does the match algorithm give up.
      *
-     * @default 0.6
+     * @default 0.4
      * @description
      * A threshold of `0.0` requires a perfect match (of both letters and location),
      * a threshold of `1.0` would match anything.
@@ -35,7 +45,7 @@ export type CustomSearchOptions = Partial<{
 export type CustomSearchKey<T> = string | Fuse.FuseOptionKeyObject<T>;
 export declare class CustomSearch<T extends Record<string, any> = Record<string, any>> {
     #private;
-    constructor(collection: T[], keys: Array<CustomSearchKey<T>>, { cacheKey, isCaseSensitive, isDiacriticSensitive, isStrict, threshold }?: CustomSearchOptions);
+    constructor(collection: T[], keys: Array<CustomSearchKey<T>>, { cacheKey, isCaseSensitive, isDiacriticSensitive, isStrict, shouldIgnoreLocation, threshold }?: CustomSearchOptions);
     /**
      * Searches the entire collection, and returns a list of items matching this query.
      *

package/src/tables/DataTable/SortingIcon.d.ts

@@ -0,0 +1,4 @@
+import { Chevron } from '../../icons';
+export declare const SortingIcon: import("styled-components").StyledComponent<typeof Chevron, import("styled-components").DefaultTheme, {
+    $isDescending?: boolean;
+}, never>;

package/src/tables/DataTable/Td.d.ts

@@ -0,0 +1,7 @@
+import { type Cell } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+export type TdProps = {
+    cell: Cell<any, unknown>;
+    children?: ReactNode;
+};
+export declare function Td({ cell, children }: TdProps): import("react/jsx-runtime").JSX.Element;

package/src/tables/DataTable/Th.d.ts

@@ -0,0 +1,7 @@
+import { type Header } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+export type ThProps = {
+    children?: ReactNode;
+    header: Header<any, unknown>;
+};
+export declare function Th({ children, header }: ThProps): import("react/jsx-runtime").JSX.Element;

package/src/tables/DataTable/index.d.ts

@@ -0,0 +1,11 @@
+import { type ColumnDef, type SortingState } from '@tanstack/react-table';
+export type DataTableProps<T extends {
+    id: number;
+}> = {
+    columns: Array<ColumnDef<T, any>>;
+    data: T[] | undefined;
+    initialSorting: SortingState;
+};
+export declare function DataTable<T extends {
+    id: number;
+}>({ columns, data, initialSorting }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;