@opengeoweb/warnings 8.0.0 → 8.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "8.0.0",
+  "version": "8.2.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -9,19 +9,20 @@
   },
   "dependencies": {
     "@mui/material": "5.12.0",
-    "@opengeoweb/api": "8.0.0",
-    "@opengeoweb/core": "8.0.0",
-    "@opengeoweb/form-fields": "8.0.0",
-    "@opengeoweb/shared": "8.0.0",
-    "@opengeoweb/store": "8.0.0",
-    "@opengeoweb/theme": "8.0.0",
-    "@opengeoweb/webmap": "8.0.0",
-    "@opengeoweb/webmap-react": "8.0.0",
+    "@opengeoweb/api": "8.2.0",
+    "@opengeoweb/core": "8.2.0",
+    "@opengeoweb/form-fields": "8.2.0",
+    "@opengeoweb/shared": "8.2.0",
+    "@opengeoweb/store": "8.2.0",
+    "@opengeoweb/theme": "8.2.0",
+    "@opengeoweb/webmap": "8.2.0",
+    "@opengeoweb/webmap-react": "8.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.1",
+    "react-hook-form": "7.46.2",
     "react-redux": "8.1.2",
     "redux-saga": "1.2.3"
   },

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,5 +4,3 @@ declare const _default: {
 };
 export default _default;
 export declare const WarningsDemo: () => React.ReactElement;
-export declare const DrawingsDemo: () => React.ReactElement;
-export declare const WarningsDemoErrorSaveDrawing: () => React.ReactElement;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+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/DrawingToolDialog.d.ts

@@ -1,15 +1,6 @@
 import * as React from 'react';
-import { HeaderSize } from '@opengeoweb/shared';
+import { HeaderSize, Position, DraggableSize } from '@opengeoweb/shared';
 import { uiTypes } from '@opengeoweb/store';
-export type Size = {
-    width: number;
-    height: number;
-};
-export type Position = {
-    top: number;
-    left?: number;
-    right?: number;
-};
 interface DrawingToolDialogProps {
     bounds?: string;
     title?: string;
@@ -20,12 +11,11 @@ interface DrawingToolDialogProps {
     source?: uiTypes.Source;
     isLoading?: boolean;
     isDocked?: boolean;
-    size?: Size;
+    size?: DraggableSize;
     startPosition?: Position;
     setFocused?: (focused: boolean) => void;
     headerSize?: HeaderSize;
     children: React.ReactNode;
 }
-export declare const calculateStartSize: (minSize: Size, prefSize: Size, startPosition: Position) => Size;
 declare const DrawingTool: React.FC<DrawingToolDialogProps>;
 export default DrawingTool;

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

@@ -1,12 +1,22 @@
 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;
+}) => {
+    closeDrawDialog: () => void;
+};
+export declare const useCloseObjectDialog: ({ mapId, source, }: {
+    mapId: string;
+    source?: uiTypes.Source | undefined;
+}) => {
+    closeObjectDialog: (shouldReset?: boolean) => void;
+};
 export declare const useObjectDrawDialogAction: ({ mapId, source, }: {
     mapId: string;
     source?: uiTypes.Source | undefined;
 }) => {
-    openDrawDialog: (geoJSON: GeoJSON.FeatureCollection | undefined, previousGeoJSONLayerId: string, activeDrawModeId: string) => void;
+    openDrawDialog: (geoJSON?: GeoJSON.FeatureCollection) => void;
     closeDrawDialog: () => void;
-    openObjectDialog: (geoJSON: GeoJSON.FeatureCollection | undefined, previousGeoJSONLayerId: string) => void;
-    closeObjectDialog: () => void;
+    openObjectDialog: () => void;
+    closeObjectDialog: (shouldReset?: boolean) => void;
 };

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

@@ -0,0 +1,13 @@
+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;
+export declare const ConfirmDeleteDialog: React.FC<{
+    objectId: string;
+    objectName: string;
+    onDeleteSucces: (objectId: string, objectName: string) => void;
+    onClose: () => void;
+}>;
+export default ConfirmDeleteDialog;

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

@@ -1,17 +1,7 @@
 import * as React from 'react';
-import { HeaderSize } from '@opengeoweb/shared';
+import { HeaderSize, Position, DraggableSize } from '@opengeoweb/shared';
 import { uiTypes } from '@opengeoweb/store';
 import { DrawingListItem } from '../../store/drawings/types';
-export type Size = {
-    width: number;
-    height: number;
-};
-export type Position = {
-    top: number;
-    left?: number;
-    right?: number;
-};
-export declare const calculateStartSize: (minSize: Size, prefSize: Size, startPosition: Position) => Size;
 export declare const ObjectManager: React.FC<{
     bounds?: string;
     title?: string;
@@ -20,12 +10,14 @@ export declare const ObjectManager: React.FC<{
     isOpen: boolean;
     order?: number;
     source?: uiTypes.Source;
-    size?: Size;
+    size?: DraggableSize;
     startPosition?: Position;
     setFocused?: (focused: boolean) => void;
     headerSize?: HeaderSize;
     drawingListItems: DrawingListItem[];
     onClickDrawing?: (drawing: DrawingListItem) => void;
+    onEditDrawing?: (drawingId: string) => void;
+    onDeleteDrawing?: (drawingId: string) => 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/ObjectManagerConnect.d.ts

@@ -1,5 +1,9 @@
 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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { DrawingListItem } from '../../store/drawings/types';
+export declare const NO_OBJECTS_FOUND = "No objects found";
+export declare const Objects: FC<{
+    objects: DrawingListItem[];
+    onClickObject: (object: DrawingListItem) => void;
+    onClickEdit: (objectId: string) => void;
+    onClickDelete: (drawingId: string) => void;
+    activeObject: string;
+    isLoading?: boolean;
+}>;

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

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

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

@@ -0,0 +1,17 @@
+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 PublicWarnings: React.FC<{
+    bounds?: string;
+    title?: string;
+    onClose: () => void;
+    onMouseDown?: () => void;
+    isOpen: boolean;
+    order?: number;
+    source?: uiTypes.Source;
+    size?: DraggableSize;
+    startPosition?: Position;
+    setFocused?: (focused: boolean) => void;
+    headerSize?: HeaderSize;
+}>;

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

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

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const PublicWarningsMap: () => React.ReactElement;

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

@@ -0,0 +1,2 @@
+export * from './PublicWarnings';
+export * from './PublicWarningsConnect';

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

@@ -0,0 +1,14 @@
+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 AreaField: React.FC<{
+    onEditObject: () => void;
+    onViewObject: () => void;
+    onDeleteObject: () => void;
+    onAddObject: () => void;
+    isDisabled?: boolean;
+}>;

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

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

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,16 @@
+import * as React from 'react';
+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_CANCEL = "Cancel";
+export declare const BUTTON_SAVE = "Save";
+export declare const BUTTON_PUBLISH = "Publish";
+interface FormProps {
+    isDisabled?: boolean;
+}
+export declare const PublicWarningsForm: React.FC<FormProps>;
+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,13 @@
+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;
+};

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

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

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/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/storybookUtils/storyComponents.d.ts

@@ -0,0 +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/components/ObjectManager/Drawings.d.ts

@@ -1,8 +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;
-    activeDrawing: string;
-}>;