@opengeoweb/warnings 9.14.0 → 9.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "9.14.0",
+  "version": "9.15.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -27,7 +27,10 @@
     "axios": "1.5.0",
     "@opengeoweb/core": "*",
     "@opengeoweb/webmap": "*",
-    "@opengeoweb/authentication": "*"
+    "@opengeoweb/authentication": "*",
+    "react-i18next": "^13.5.0",
+    "i18next": "^23.7.19",
+    "immer": "^10.0.3"
   },
   "peerDependencies": {
     "react": "18"

package/src/lib/components/DrawingTool/useObjectDrawDialogAction.d.ts

@@ -1,11 +1,7 @@
 import { uiTypes } from '@opengeoweb/store';
-export declare const confirmationDialogOptions: {
-    cancelLabel: string;
-    title: string;
-    description: string;
-    confirmLabel: string;
-    catchOnCancel: boolean;
-};
+import { ConfirmationOptions } from '@opengeoweb/shared';
+import { TFunction } from 'i18next';
+export declare const confirmationDialogOptions: (t: TFunction) => ConfirmationOptions;
 export declare const useCloseDrawDialog: ({ mapId, source, }: {
     mapId: string;
     source?: uiTypes.Source | undefined;

package/src/lib/components/DrawingToolForm/DrawingToolFormContents.d.ts

@@ -3,12 +3,6 @@ import { SelectChangeEvent } from '@mui/material';
 import { DrawMode } from '@opengeoweb/webmap-react';
 import { FieldErrors, FieldValues } from 'react-hook-form';
 export declare const opacityOptions: number[];
-export declare const SAVE_OBJECT_BUTTON = "Save new object";
-export declare const UPDATE_OBJECT_BUTTON = "Update object";
-export declare const INPUT_OBJECT = "Object name";
-export declare const INPUT_OPACITY = "Opacity";
-export declare const DRAW_EXIT_MODE_MESSAGE = "press ESC to exit draw mode";
-export declare const coordinatesEmptyMessage = "An object drawing is required";
 export interface DrawingToolFormValues {
     objectName: string;
     geoJSON: GeoJSON.FeatureCollection;

package/src/lib/components/ObjectManager/ConfirmDeleteDialog.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
-export declare const DELETE_TITLE = "Delete object";
-export declare const DELETE_CONFIRM = "Delete";
-export declare const CANCEL = "Cancel";
-export declare const getDeleteDescription: (objectName: string) => string;
-export declare const getDeleteSucces: (objectName: string) => string;
+import { TFunction } from 'i18next';
+export declare const getDeleteDescription: (objectName: string, t: TFunction) => string;
+export declare const getDeleteSucces: (objectName: string, t: TFunction) => string;
 export declare const ConfirmDeleteDialog: React.FC<{
     objectId: string;
     objectName: string;

package/src/lib/components/ObjectManager/ObjectManager.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { HeaderSize, Position, DraggableSize } from '@opengeoweb/shared';
 import { uiTypes } from '@opengeoweb/store';
 import { DrawingListItem } from '../../store/drawings/types';
-export declare const BUTTON_ADD_OBJECT = "Add a new object";
 export declare const ObjectManager: React.FC<{
     bounds?: string;
     title?: string;

package/src/lib/components/ObjectManager/ObjectManagerConnect.d.ts

@@ -1,9 +1,5 @@
 import { uiTypes } from '@opengeoweb/store';
 import React from 'react';
-export declare const DELETE_TITLE = "Delete object";
-export declare const DELETE_CONFIRM = "Delete";
-export declare const getDeleteDescription: (objectName: string) => string;
-export declare const getDeleteSucces: (objectName: string) => string;
 export declare const ObjectManagerConnect: React.FC<{
     bounds?: string;
     source?: uiTypes.Source;

package/src/lib/components/ObjectManager/Objects.d.ts

@@ -1,13 +1,7 @@
 import { FC } from 'react';
 import { DrawingListItem } from '../../store/drawings/types';
-export declare const NO_OBJECTS_FOUND = "No objects found";
-export declare const BUTTON_EDIT = "Edit";
-export declare const BUTTON_DELETE = "Delete";
-export declare const BUTTON_SHARE = "Share";
 export declare const BUTTON_AIRMET = "AIRMET";
 export declare const BUTTON_SIGMET = "SIGMET";
-export declare const BUTTON_PUBLIC_WARNING = "PUBLIC WARNING";
-export declare const MENU_SHARE = "Share object to";
 type ListInclHeadersType = {
     isObject: boolean;
     index: number;

package/src/lib/components/Providers/Providers.d.ts

@@ -12,3 +12,9 @@ export interface WarningsThemeStoreProviderProps extends WarningsThemeProviderPr
     createApi?: () => WarningsApi;
 }
 export declare const WarningsThemeStoreProvider: React.FC<WarningsThemeStoreProviderProps>;
+interface WarningsTranslationsWrapperProps {
+    children?: React.ReactNode;
+}
+export declare const WarningsTranslationsWrapper: React.FC<WarningsTranslationsWrapperProps>;
+export declare const WarningsI18nProvider: React.FC<WarningsTranslationsWrapperProps>;
+export {};

package/src/lib/components/PublicWarningList/ConfirmWarningDialog.d.ts

@@ -6,7 +6,6 @@ export interface ConfirmDialogProps {
     confirmLabel: string;
     callback: (data?: unknown) => void;
 }
-export declare const CANCEL = "Go back";
 export declare const ConfirmDeleteWarningDialog: React.FC<{
     onClose: () => void;
 } & ConfirmDialogProps>;

package/src/lib/components/PublicWarningList/PublicWarningList.d.ts

@@ -1,12 +1,6 @@
 import { GridProps } from '@mui/material';
 import React from 'react';
 import { PublicWarning, PublicWarningStatus } from '../../store/publicWarningForm/types';
-export declare const CREATE_WARNING = "Create a warning";
-export declare const BUTTON_EDIT = "Edit";
-export declare const BUTTON_DELETE = "Delete";
-export declare const BUTTON_USE = "Use";
-export declare const BUTTON_IGNORE = "Ignore";
-export declare const BUTTON_OPTIONS = "Options";
 export declare const getWarningWithoutId: (warning: PublicWarning) => PublicWarning;
 export declare const WarningListColumnContent: React.FC<GridProps & {
     title?: string;

package/src/lib/components/PublicWarningList/PublicWarningListConnect.d.ts

@@ -1,11 +1,3 @@
 import React from 'react';
-export declare const DELETE_WARNING_SUCCESS_MESSAGE = "Warning has been deleted";
-export declare const DELETE_TITLE = "Delete warning";
-export declare const DELETE_CONFIRM = "Delete";
-export declare const DELETE_DESCRIPTION = "Are you sure you want to delete this warning?";
-export declare const IGNORE_WARNING_SUCCESS_MESSAGE = "Warning has been ignored";
-export declare const IGNORE_TITLE = "Ignore warning";
-export declare const IGNORE_CONFIRM = "Ignore";
-export declare const IGNORE_DESCRIPTION = "Are you sure you want to ignore this warning?";
 export declare const PublicWarningListConnect: React.FC;
 export default PublicWarningListConnect;

package/src/lib/components/PublicWarningsForm/AreaField/AreaField.d.ts

@@ -1,12 +1,4 @@
 import React from 'react';
-export declare const LABEL_AREA = "Area";
-export declare const BUTTON_ADD_OBJECT = "Add object";
-export declare const BUTTON_DELETE = "Delete";
-export declare const BUTTON_VIEW = "View";
-export declare const BUTTON_EDIT = "Edit";
-export declare const OBJECTS_MENU = "Object options";
-export declare const NO_OBJECT = "(no object selected)";
-export declare const OBJECT_SELECTED = "object selected";
 export declare const formatDate: (lastUpdatedTime: string) => string;
 export declare const AreaField: React.FC<{
     onEditObject: () => void;

package/src/lib/components/PublicWarningsForm/LevelField/LevelField.d.ts

@@ -1,12 +1,22 @@
 import * as React from 'react';
-export declare const LABEL_LEVEL = "Level";
-export declare const levelOptions: {
-    title: string;
-    key: string;
+import { TFunction } from 'i18next';
+export interface LevelColor {
     color: string;
     textColor: string;
-}[];
+}
+interface LevelDetails extends LevelColor {
+    title: string;
+    key: string;
+}
+export declare enum WarningLevel {
+    moderate = "moderate",
+    severe = "severe",
+    extreme = "extreme"
+}
+export declare const LevelColors: Record<WarningLevel, LevelColor>;
+export declare const levelOptions: (t: TFunction) => LevelDetails[];
 export declare const LevelField: React.FC<{
     isDisabled?: boolean;
     isReadOnly?: boolean;
 }>;
+export {};

package/src/lib/components/PublicWarningsForm/PhenomenonField/PhenomenonField.d.ts

@@ -1,11 +1,13 @@
 import * as React from 'react';
-export declare const LABEL_PHENOMENON = "Phenomenon";
-export declare const warningPhenomena: {
+import { TFunction } from 'i18next';
+interface PhenomenonDetails {
     title: string;
     key: string;
-    icon: React.JSX.Element;
-}[];
+    icon: JSX.Element;
+}
+export declare const warningPhenomena: (t: TFunction) => PhenomenonDetails[];
 export declare const Phenomenon: React.FC<{
     isDisabled?: boolean;
     isReadOnly?: boolean;
 }>;
+export {};

package/src/lib/components/PublicWarningsForm/PublicWarningsForm.d.ts

@@ -1,15 +1,10 @@
 import * as React from 'react';
+import { Bbox } from '@opengeoweb/webmap';
 import { PublicWarningDetail } from '../../store/publicWarningForm/types';
 import { BaseDrawingListItem, DrawingListItem } from '../../store/drawings/types';
 import { FormAction, FormError } from '../../store/publicWarningForm/reducer';
 export declare const getEmptyPublicWarning: () => PublicWarningDetail;
 export declare const getFormData: (publicWarningsDetails: PublicWarningDetail | undefined, object?: DrawingListItem) => FormData;
-export declare const LABEL_PROBABILITY = "Probability";
-export declare const BUTTON_CLEAR = "Clear";
-export declare const BUTTON_SAVE = "Save";
-export declare const BUTTON_SAVING = "Saving";
-export declare const BUTTON_PUBLISH = "Publish";
-export declare const BUTTON_PUBLISHING = "Publishing";
 interface FormData extends PublicWarningDetail {
     IS_DRAFT?: boolean | string;
     object?: BaseDrawingListItem;
@@ -18,6 +13,10 @@ interface FormData extends PublicWarningDetail {
 export declare const prepareFormValues: (data: FormData) => PublicWarningDetail;
 interface FormProps {
     formAction?: FormAction;
+    defaultBbox?: {
+        srs: string;
+        bbox: Bbox;
+    };
     onSaveForm?: (formValues: PublicWarningDetail) => void;
     onPublishForm?: (formValues: PublicWarningDetail) => void;
     object?: DrawingListItem;

package/src/lib/components/PublicWarningsForm/PublicWarningsFormConnect.d.ts

@@ -1,2 +1,10 @@
 import * as React from 'react';
-export declare const PublicWarningsFormConnect: React.FC;
+import { Bbox } from '@opengeoweb/webmap';
+interface PublicWarningsFormConnectProps {
+    defaultBbox?: {
+        srs: string;
+        bbox: Bbox;
+    };
+}
+export declare const PublicWarningsFormConnect: React.FC<PublicWarningsFormConnectProps>;
+export {};

package/src/lib/components/PublicWarningsForm/ValidFromField/ValidFromField.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-export declare const LABEL_VALID_FROM = "Valid from";
-export declare const VALID_FROM_ERROR_BEFORE_CURRENT = "Valid from time cannot be before current time";
-export declare const VALID_FROM_ERROR_AFTER_CURRENT: string;
-export declare const isValueBeforeCurrentTime: (value: string) => boolean | string;
-export declare const isMaxHoursAfterCurrentTime: (value: string) => boolean | string;
+import { TFunction } from 'i18next';
+export declare const VALID_FROM_MAX_HOURS_AFTER_CURRENT = 168;
+export declare const isValueBeforeCurrentTime: (value: string, t: TFunction) => boolean | string;
+export declare const isMaxHoursAfterCurrentTime: (value: string, t: TFunction) => boolean | string;
 export declare const ValidFrom: React.FC<{
     isDisabled?: boolean;
     isReadOnly?: boolean;

package/src/lib/components/PublicWarningsForm/ValidUntilField/ValidUntilField.d.ts

@@ -1,11 +1,10 @@
 import * as React from 'react';
-export declare const LABEL_VALID_UNTIL = "Valid until";
-export declare const VALID_UNTIL_ERROR_BEFORE_CURRENT = "Valid until time cannot be before current time";
-export declare const VALID_UNTIL_ERROR_AFTER_CURRENT: string;
-export declare const VALID_UNTIL_ERROR_AFTER_VALID_FROM: string;
-export declare const isValueBeforeCurrentTime: (value: string) => boolean | string;
-export declare const isMaxHoursAfterCurrentTime: (value: string) => boolean | string;
-export declare const isMinHoursAfterValidFrom: (value: string, validFromValue: string) => boolean | string;
+import { TFunction } from 'i18next';
+export declare const VALID_UNTIL_MAX_HOURS_AFTER_CURRENT = 180;
+export declare const VALID_UNTIL_MIN_HOURS_AFTER_VALID_FROM = 1;
+export declare const isValueBeforeCurrentTime: (value: string, t: TFunction) => boolean | string;
+export declare const isMaxHoursAfterCurrentTime: (value: string, t: TFunction) => boolean | string;
+export declare const isMinHoursAfterValidFrom: (value: string, validFromValue: string, t: TFunction) => boolean | string;
 export declare const ValidUntil: React.FC<{
     isDisabled?: boolean;
     isReadOnly?: boolean;

package/src/lib/components/PublicWarningsFormDialog/PublicWarningsFormDialog.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { Position, DraggableSize, HeaderSize } from '@opengeoweb/shared';
 import { uiTypes } from '@opengeoweb/store';
-export declare const DIALOG_TITLE = "Public Warning";
 export declare const PublicWarningsFormDialog: React.FC<{
     bounds?: string;
     title?: string;

package/src/lib/components/PublicWarningsFormDialog/PublicWarningsFormDialogConnect.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { uiTypes } from '@opengeoweb/store';
-import { Position } from '@opengeoweb/shared';
-export declare const warningFormConfirmationOptions: {
-    cancelLabel: string;
-    title: string;
-    description: string;
-    confirmLabel: string;
-    catchOnCancel: boolean;
-};
+import { ConfirmationOptions, Position } from '@opengeoweb/shared';
+import { TFunction } from 'i18next';
+import { Bbox } from '@opengeoweb/webmap';
+export declare const warningFormConfirmationOptions: (t: TFunction) => ConfirmationOptions;
 export declare const isAlreadyEdited: (publicWarningEditor: string | undefined, username: string | undefined) => boolean;
 export declare const PublicWarningsFormDialogConnect: React.FC<{
     bounds?: string;
     source?: uiTypes.Source;
     startPosition?: Position;
+    defaultBbox?: {
+        srs: string;
+        bbox: Bbox;
+    };
 }>;

package/src/lib/components/WarningsMapView/WarningsMapView.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Bbox } from '@opengeoweb/webmap';
+import { FeatureCollection } from 'geojson';
+export declare const zoomToFeature: (mapId: string, geojsonFeature: FeatureCollection | undefined) => void;
+interface WarningsMapViewProps {
+    geojsonFeature: FeatureCollection | undefined;
+    defaultBbox?: {
+        srs: string;
+        bbox: Bbox;
+    };
+}
+export declare const WarningsMapView: React.FC<WarningsMapViewProps>;
+export {};

package/src/lib/store/config.d.ts

@@ -1,20 +1,12 @@
-import { CoreAppStore } from '@opengeoweb/store';
-import drawingSagas from './drawings/sagas';
-import { DrawState } from './drawings/types';
-import { PublicWarningFormState } from './publicWarningForm/reducer';
-import { PublicWarningsState } from './publicWarnings/types';
-export interface WarningModuleStore extends CoreAppStore {
-    drawings?: DrawState;
-    publicWarningForm?: PublicWarningFormState;
-    publicWarnings?: PublicWarningsState;
-}
+import publicWarningFormSagas from './publicWarningForm/sagas';
 export declare const drawingModuleConfig: {
     id: string;
     reducersMap: {
-        drawings: import("redux").Reducer<DrawState, import("redux").AnyAction>;
-        publicWarningForm: import("redux").Reducer<PublicWarningFormState, import("redux").AnyAction>;
-        publicWarnings: import("redux").Reducer<PublicWarningsState, import("redux").AnyAction>;
+        drawings: import("redux").Reducer<import("./drawings/types").DrawState, import("redux").AnyAction>;
+        publicWarningForm: import("redux").Reducer<import("./publicWarningForm/reducer").PublicWarningFormState, import("redux").AnyAction>;
+        publicWarnings: import("redux").Reducer<import("./publicWarnings/types").PublicWarningsState, import("redux").AnyAction>;
     };
-    sagas: (typeof drawingSagas)[];
+    sagas: (typeof publicWarningFormSagas)[];
+    middlewares: import("@reduxjs/toolkit").ListenerMiddleware<import("./types").WarningModuleStore, import("redux-thunk").ThunkDispatch<import("./types").WarningModuleStore, unknown, import("redux").AnyAction>, unknown>[];
 };
 export default drawingModuleConfig;

package/src/lib/store/drawings/listener.d.ts

@@ -0,0 +1,2 @@
+import { WarningModuleStore } from '../types';
+export declare const drawingsListener: import("@reduxjs/toolkit").ListenerMiddlewareInstance<WarningModuleStore, import("@reduxjs/toolkit").ThunkDispatch<WarningModuleStore, unknown, import("redux").AnyAction>, unknown>;

package/src/lib/store/drawings/selectors.d.ts

@@ -1,5 +1,5 @@
 import { DrawState } from './types';
-import { WarningModuleStore } from '../config';
+import { WarningModuleStore } from '../types';
 export declare const getDrawStore: (store: WarningModuleStore) => DrawState;
 export declare const selectDrawByInstanceId: (state: WarningModuleStore, id: import("@reduxjs/toolkit").EntityId) => import("./types").DrawItem | undefined;
 export declare const getWarningFormDirty: ((state: WarningModuleStore, id: import("@reduxjs/toolkit").EntityId) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").DrawItem | undefined) => boolean, {

package/src/lib/store/drawings/types.d.ts

@@ -23,11 +23,6 @@ export interface DrawingDetails extends Omit<DrawingFromBE, 'id' | 'lastUpdatedT
     id?: string;
     lastUpdatedTime?: string;
 }
+export type DrawingFromFE = Omit<DrawingDetails, 'username'>;
 export type SetDrawValuesPayload = DrawItem;
-export interface SubmitDrawValuesPayload {
-    id?: string;
-    geoJSON: GeoJSON.FeatureCollection;
-    objectName: string;
-    lastUpdatedTime?: string;
-    scope: DrawingScope;
-}
+export type SubmitDrawValuesPayload = DrawingFromFE;

package/src/lib/store/publicWarningForm/sagas.d.ts

@@ -1,8 +1,6 @@
 import { SagaIterator } from 'redux-saga';
 import { publicWarningFormActions } from './reducer';
 import { PublicWarning } from './types';
-export declare const PUBLISH_SUCCES = "Public warning has succesfully been published!";
-export declare const SAVE_SUCCES = "Public warning has succesfully been saved!";
 export declare function saveOrUpdateWarning(publicWarning: PublicWarning): SagaIterator<PublicWarning>;
 export declare const getToggleEditorSuccessMessage: (isEditor: boolean) => string;
 export declare function toggleEditorWarningSaga({ payload, }: ReturnType<typeof publicWarningFormActions.toggleEditorWarning>): SagaIterator;

package/src/lib/store/publicWarningForm/selectors.d.ts

@@ -1,4 +1,4 @@
-import { WarningModuleStore } from '../config';
+import { WarningModuleStore } from '../types';
 import { PublicWarningFormState } from './reducer';
 export declare const getPublicWarningStore: (store: WarningModuleStore) => PublicWarningFormState;
 export declare const getPublicWarningObject: ((state: WarningModuleStore) => import("../drawings/types").DrawingListItem | undefined) & import("reselect").OutputSelectorFields<(args_0: PublicWarningFormState) => import("../drawings/types").DrawingListItem | undefined, {

package/src/lib/store/publicWarnings/selectors.d.ts

@@ -1,5 +1,5 @@
 import { PublicWarningsState } from './types';
-import { WarningModuleStore } from '../config';
+import { WarningModuleStore } from '../types';
 export declare const getPublicWarningsStore: (store: WarningModuleStore) => PublicWarningsState;
 export declare const selectAllPublicWarnings: (state: WarningModuleStore) => import("../publicWarningForm/types").PublicWarning[];
 export declare const isPublicWarningsLoading: ((state: WarningModuleStore) => boolean) & import("reselect").OutputSelectorFields<(args_0: PublicWarningsState) => boolean, {

package/src/lib/store/types.d.ts

@@ -0,0 +1,9 @@
+import { CoreAppStore } from '@opengeoweb/store';
+import { DrawState } from './drawings/types';
+import { PublicWarningFormState } from './publicWarningForm/reducer';
+import { PublicWarningsState } from './publicWarnings/types';
+export interface WarningModuleStore extends CoreAppStore {
+    drawings?: DrawState;
+    publicWarningForm?: PublicWarningFormState;
+    publicWarnings?: PublicWarningsState;
+}

package/src/lib/utils/api.d.ts

@@ -1,6 +1,6 @@
 import { CreateApiProps } from '@opengeoweb/api';
 import { AxiosInstance } from 'axios';
-import { DrawingDetails, DrawingFromBE, DrawingListItem } from '../store/drawings/types';
+import { DrawingFromBE, DrawingFromFE, DrawingListItem } from '../store/drawings/types';
 import { PublicWarning } from '../store/publicWarningForm/types';
 export declare const API_NAME = "warnings";
 export declare const getIdFromUrl: (url: string) => string;
@@ -11,8 +11,8 @@ export interface WarningsApi {
     getDrawingDetails: (drawingId: string) => Promise<{
         data: DrawingFromBE;
     }>;
-    updateDrawing: (drawingId: string, data: DrawingFromBE) => Promise<void>;
-    saveDrawingAs: (data: DrawingDetails) => Promise<string>;
+    updateDrawing: (drawingId: string, data: DrawingFromFE) => Promise<void>;
+    saveDrawingAs: (data: DrawingFromFE) => Promise<string>;
     deleteDrawing: (drawingId: string) => Promise<void>;
     getWarnings: () => Promise<{
         data: PublicWarning[];