@opengeoweb/warnings 8.1.0 → 8.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "8.1.0",
+  "version": "8.3.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -9,17 +9,18 @@
   },
   "dependencies": {
     "@mui/material": "5.12.0",
-    "@opengeoweb/api": "8.1.0",
-    "@opengeoweb/core": "8.1.0",
-    "@opengeoweb/form-fields": "8.1.0",
-    "@opengeoweb/shared": "8.1.0",
-    "@opengeoweb/store": "8.1.0",
-    "@opengeoweb/theme": "8.1.0",
-    "@opengeoweb/webmap": "8.1.0",
-    "@opengeoweb/webmap-react": "8.1.0",
+    "@opengeoweb/api": "8.3.0",
+    "@opengeoweb/core": "8.3.0",
+    "@opengeoweb/form-fields": "8.3.0",
+    "@opengeoweb/shared": "8.3.0",
+    "@opengeoweb/store": "8.3.0",
+    "@opengeoweb/theme": "8.3.0",
+    "@opengeoweb/webmap": "8.3.0",
+    "@opengeoweb/webmap-react": "8.3.0",
+    "@redux-eggs/redux-toolkit": "2.2.0",
+    "@redux-eggs/saga-extension": "2.2.0",
     "@reduxjs/toolkit": "1.9.5",
     "axios": "1.5.0",
-    "immer": "9.0.21",
     "lodash": "4.17.21",
     "react": "18.2.0",
     "react-hook-form": "7.46.2",

package/src/index.d.ts

@@ -2,4 +2,5 @@ export * from './lib/components/ObjectManager';
 export * from './lib/components/WarningsModuleProvider';
 export * from './lib/components/DrawingTool';
 export * from './lib/components/DrawingToolForm';
+export * from './lib/components/PublicWarnings';
 export * from './lib/store/config';

package/src/lib/Warnings.stories.d.ts

@@ -4,4 +4,3 @@ declare const _default: {
 };
 export default _default;
 export declare const WarningsDemo: () => React.ReactElement;
-export declare const DrawingsDemo: () => React.ReactElement;

package/src/lib/WarningsErrors.stories.d.ts

@@ -3,5 +3,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const SaveDrawingError: () => React.ReactElement;
-export declare const DeleteDrawingError: () => React.ReactElement;
+export declare const ErrorSaveDrawing: () => React.ReactElement;
+export declare const ErrorGetList: () => React.ReactElement;
+export declare const ErrorEditDrawing: () => React.ReactElement;
+export declare const ErrorDeleteDrawing: () => React.ReactElement;

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

@@ -3,7 +3,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const DrawingToolDockedLight: {
+export declare const DrawingToolLight: {
     (): React.ReactElement;
     parameters: {
         zeplinLink: {
@@ -13,7 +13,7 @@ export declare const DrawingToolDockedLight: {
     };
     storyName: string;
 };
-export declare const DrawingToolDockedDark: {
+export declare const DrawingToolDark: {
     (): React.ReactElement;
     parameters: {
         zeplinLink: {

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

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import { uiTypes } from '@opengeoweb/store';
-export declare const getDialogType: (mapId: string, isMultiMap: boolean, isDocked: boolean) => string;
+export declare const getDialogType: (mapId: string, isMultiMap: boolean) => string;
 interface DrawingToolConnectProps {
     mapId?: string;
     bounds?: string;
     title?: string;
     showMapIdInTitle?: boolean;
     isMultiMap?: boolean;
-    isDocked?: boolean;
     source?: uiTypes.Source;
 }
 declare const DrawingToolConnect: React.FC<DrawingToolConnectProps>;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HeaderSize, DialogPosition, DialogSize } from '@opengeoweb/shared';
+import { HeaderSize, Position, DraggableSize } from '@opengeoweb/shared';
 import { uiTypes } from '@opengeoweb/store';
 interface DrawingToolDialogProps {
     bounds?: string;
@@ -10,9 +10,8 @@ interface DrawingToolDialogProps {
     order?: number;
     source?: uiTypes.Source;
     isLoading?: boolean;
-    isDocked?: boolean;
-    size?: DialogSize;
-    startPosition?: DialogPosition;
+    size?: DraggableSize;
+    startPosition?: Position;
     setFocused?: (focused: boolean) => void;
     headerSize?: HeaderSize;
     children: React.ReactNode;

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

@@ -1,6 +1,4 @@
 import { uiTypes } from '@opengeoweb/store';
-export declare const objectDialogType = uiTypes.DialogTypes.ObjectManager;
-export declare const drawingDialogType = uiTypes.DialogTypes.DrawingTool;
 export declare const useCloseDrawDialog: ({ mapId, source, }: {
     mapId: string;
     source?: uiTypes.Source | undefined;

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

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { HeaderSize, DialogPosition, DialogSize } from '@opengeoweb/shared';
+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;
@@ -10,14 +11,16 @@ export declare const ObjectManager: React.FC<{
     isOpen: boolean;
     order?: number;
     source?: uiTypes.Source;
-    size?: DialogSize;
-    startPosition?: DialogPosition;
+    size?: DraggableSize;
+    startPosition?: Position;
     setFocused?: (focused: boolean) => void;
     headerSize?: HeaderSize;
     drawingListItems: DrawingListItem[];
     onClickDrawing?: (drawing: DrawingListItem) => void;
     onEditDrawing?: (drawingId: string) => void;
     onDeleteDrawing?: (drawingId: string) => void;
+    onShareObject?: (object: DrawingListItem) => void;
+    onCreateNewObject?: () => void;
     activeDrawingId?: string;
     error?: string;
     isLoading?: boolean;

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

@@ -31,3 +31,12 @@ export declare const ObjectManagerDarkNoResults: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const ObjectManagerLoading: () => React.ReactElement;
+export declare const ObjectManagerErrorLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const ObjectManagerErrorDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -0,0 +1,19 @@
+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";
+export declare const Objects: FC<{
+    objects: DrawingListItem[];
+    onClickObject: (object: DrawingListItem) => void;
+    onClickEdit: (objectId: string) => void;
+    onClickDelete: (drawingId: string) => void;
+    onClickShare: (object: DrawingListItem) => void;
+    activeObject: string;
+    isLoading?: boolean;
+}>;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { DialogPosition, DialogSize, HeaderSize } from '@opengeoweb/shared';
+import { Position, DraggableSize, HeaderSize } from '@opengeoweb/shared';
 import { uiTypes } from '@opengeoweb/store';
-export declare const DIALOG_TITLE = "Public warnings";
+export declare const DIALOG_TITLE = "Public Warning";
 export declare const PublicWarnings: React.FC<{
     bounds?: string;
     title?: string;
@@ -10,8 +10,9 @@ export declare const PublicWarnings: React.FC<{
     isOpen: boolean;
     order?: number;
     source?: uiTypes.Source;
-    size?: DialogSize;
-    startPosition?: DialogPosition;
+    size?: DraggableSize;
+    startPosition?: Position;
     setFocused?: (focused: boolean) => void;
     headerSize?: HeaderSize;
+    children: React.ReactNode;
 }>;

package/src/lib/components/PublicWarnings/PublicWarnings.stories.d.ts

@@ -5,9 +5,29 @@ declare const _default: {
 export default _default;
 export declare const PublicWarningsLight: {
     (): React.ReactElement;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
     storyName: string;
 };
 export declare const PublicWarningsDark: {
+    (): React.ReactElement;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+    storyName: string;
+};
+export declare const PublicWarningsLightBig: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const PublicWarningsDarkBig: {
     (): React.ReactElement;
     storyName: string;
 };

package/src/lib/components/PublicWarnings/PublicWarningsConnect.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { uiTypes } from '@opengeoweb/store';
-export declare const publicWarningDialogType = uiTypes.DialogTypes.PublicWarnings;
+import { Position } from '@opengeoweb/shared';
 export declare const PublicWarningsConnect: React.FC<{
     bounds?: string;
     source?: uiTypes.Source;
+    startPosition?: Position;
 }>;

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

@@ -0,0 +1,19 @@
+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 formatDate: (lastUpdatedTime: string) => string;
+export declare const AreaField: React.FC<{
+    onEditObject: () => void;
+    onViewObject: () => void;
+    onDeleteObject: () => void;
+    onAddObject: () => void;
+    isDisabled?: boolean;
+    id?: string;
+    lastUpdatedTime?: string;
+    objectName?: string;
+}>;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AreaFieldLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const AreaFieldDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DescriptionField: React.FC;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DescriptionFieldLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DescriptionFieldDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { BaseDrawingListItem, PublicWarningsFormDataType } from '../../store/drawings/types';
+export declare const getEmptyPublicWarning: (object?: BaseDrawingListItem) => PublicWarningsFormDataType;
+export declare const LABEL_PHENOMENON = "Phenomenon";
+export declare const LABEL_VALID_FROM = "Valid from";
+export declare const LABEL_VALID_UNTIL = "Valid until";
+export declare const LABEL_CURRENT = "Current";
+export declare const LABEL_EARLY = "Early";
+export declare const LABEL_LEVEL = "Level";
+export declare const LABEL_PROBABILITY = "Probability";
+export declare const BUTTON_CLEAR = "Clear";
+export declare const BUTTON_SAVE = "Save";
+export declare const BUTTON_PUBLISH = "Publish";
+export declare const warningPhenomena: {
+    title: string;
+    key: string;
+    icon: React.JSX.Element;
+}[];
+interface FormProps {
+    isDisabled?: boolean;
+    object?: BaseDrawingListItem;
+}
+interface PublicWarningsFormProps extends FormProps {
+    publicWarningDetails?: PublicWarningsFormDataType;
+}
+export declare const PublicWarningsForm: React.FC<PublicWarningsFormProps>;
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const PublicWarningsFormDemo: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const PublicWarningsFormDemoDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const PublicWarningsEmptyFormDemo: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const PublicWarningsEmptyFormDemoDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const PublicWarningsFormConnect: React.FC;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export * from './PublicWarningsForm';
+export * from './PublicWarningsFormConnect';

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

@@ -1,13 +1,16 @@
 import { CoreAppStore } from '@opengeoweb/store';
 import drawingSagas from './drawings/sagas';
 import { DrawState } from './drawings/types';
+import { PublicWarningFormState } from './publicWarningForm/reducer';
 export interface WarningModuleStore extends CoreAppStore {
     drawings?: DrawState;
+    publicWarningForm?: PublicWarningFormState;
 }
 export declare const drawingModuleConfig: {
     id: string;
     reducersMap: {
         drawings: import("redux").Reducer<DrawState, import("redux").AnyAction>;
+        publicWarningForm: import("redux").Reducer<PublicWarningFormState, import("redux").AnyAction>;
     };
     sagas: (typeof drawingSagas)[];
 };

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

@@ -1,9 +1,6 @@
-import { uiTypes } from '@opengeoweb/store';
 import { SagaIterator } from 'redux-saga';
 import { SubmitDrawValuesPayload } from './types';
 export declare const getSnackbarMessage: (objectName: string, id: string) => string;
-export declare const drawDialogType = uiTypes.DialogTypes.DrawingTool;
-export declare const objectDialogType = uiTypes.DialogTypes.ObjectManager;
 export declare function submitDrawValuesSaga({ payload, }: {
     payload: SubmitDrawValuesPayload;
 }): SagaIterator;

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

@@ -6,10 +6,12 @@ export interface DrawItem {
 }
 export type DrawState = EntityState<DrawItem>;
 export type DrawingScope = 'user' | 'global';
-export interface DrawingListItem {
+export interface BaseDrawingListItem {
     id: string;
     objectName: string;
     lastUpdatedTime: string;
+}
+export interface DrawingListItem extends BaseDrawingListItem {
     scope: DrawingScope;
     geoJSON: GeoJSON.FeatureCollection;
 }
@@ -28,3 +30,14 @@ export type SubmitDrawValuesPayload = {
     lastUpdatedTime?: string;
     scope: DrawingScope;
 };
+export type PublicWarningsFormDataType = {
+    phenomenon: string;
+    validFrom: string;
+    validUntil: string;
+    leadtime: string;
+    level: string;
+    probability: number;
+    descriptionOriginal: string;
+    descriptionTranslation: string;
+    objectId: string;
+};

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

@@ -0,0 +1,3 @@
+import { uiTypes } from '@opengeoweb/store';
+export declare const objectDialogType = uiTypes.DialogTypes.ObjectManager;
+export declare const drawingDialogType = uiTypes.DialogTypes.DrawingTool;

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

@@ -0,0 +1,12 @@
+import { PayloadAction, Draft } from '@reduxjs/toolkit';
+import { BaseDrawingListItem } from '../drawings/types';
+export interface PublicWarningFormState {
+    object?: BaseDrawingListItem;
+}
+export declare const initialState: PublicWarningFormState;
+export declare const reducer: import("redux").Reducer<PublicWarningFormState, import("redux").AnyAction>;
+export declare const publicWarningActions: import("@reduxjs/toolkit").CaseReducerActions<{
+    setFormValues: (draft: Draft<PublicWarningFormState>, action: PayloadAction<{
+        object: BaseDrawingListItem;
+    }>) => void;
+}, "publicWarningForm">;

package/src/lib/store/publicWarningForm/reducer.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+import { uiTypes } from '@opengeoweb/store';
+export declare const publicWarningDialogType = uiTypes.DialogTypes.PublicWarnings;

package/src/lib/storybookUtils/storyComponents.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
+import { uiTypes } from '@opengeoweb/store';
 export declare const AppHamburgerMenu: React.FC<{
     mapId: string;
 }>;
+export declare const MapWithWarnings: React.FC<{
+    mapId: string;
+    dialogType?: uiTypes.DialogType;
+}>;

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

@@ -0,0 +1,2 @@
+export declare const DATE_FORMAT = "dd/MM/yyyy HH:mm";
+export declare const DATE_FORMAT_UTC = "yyyy-MM-dd'T'HH:mm:ss'Z'";

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

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { DrawingListItem } from '../../store/drawings/types';
-export declare const NO_OBJECTS_FOUND = "No objects found";
-export declare const Drawings: FC<{
-    drawings: DrawingListItem[];
-    onClickDrawing: (drawing: DrawingListItem) => void;
-    onClickEdit: (drawingId: string) => void;
-    onClickDelete: (drawingId: string) => void;
-    activeDrawing: string;
-}>;