@opengeoweb/warnings 12.1.2 → 12.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "12.1.2",
+  "version": "12.2.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,25 +8,25 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "12.1.2",
-    "@opengeoweb/shared": "12.1.2",
-    "@opengeoweb/store": "12.1.2",
-    "@opengeoweb/webmap-react": "12.1.2",
-    "@tanstack/react-query": "^5.52.1",
+    "@opengeoweb/api": "12.2.0",
+    "@opengeoweb/shared": "12.2.0",
+    "@opengeoweb/store": "12.2.0",
+    "@opengeoweb/webmap-react": "12.2.0",
+    "@tanstack/react-query": "^5.69.2",
     "react-redux": "^8.1.3",
-    "@opengeoweb/theme": "12.1.2",
-    "@opengeoweb/form-fields": "12.1.2",
+    "@opengeoweb/theme": "12.2.0",
+    "@opengeoweb/form-fields": "12.2.0",
     "react-hook-form": "^7.50.1",
     "lodash": "^4.17.21",
     "@reduxjs/toolkit": "^1.9.7",
-    "@opengeoweb/snackbar": "12.1.2",
+    "@opengeoweb/snackbar": "12.2.0",
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "axios": "^1.7.7",
-    "@opengeoweb/core": "12.1.2",
-    "@opengeoweb/webmap": "12.1.2",
-    "@opengeoweb/authentication": "12.1.2",
-    "@opengeoweb/sigmet-airmet": "12.1.2",
+    "@opengeoweb/core": "12.2.0",
+    "@opengeoweb/webmap": "12.2.0",
+    "@opengeoweb/authentication": "12.2.0",
+    "@opengeoweb/sigmet-airmet": "12.2.0",
     "react-i18next": "^15.1.1",
     "i18next": "^23.11.5",
     "@mui/material": "^6.1.1",

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

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

package/src/lib/api/aviation-api/hooks.d.ts

@@ -22,7 +22,7 @@ type MutationReturnType<T> = UseMutationResult<Headers | null, Error, T, {
  * @param onDialogClose - Optional callback to close a dialog.
  * @returns A mutation result for posting a SIGMET.
  */
-export declare const usePostSigmet: (snackBarMessage: string) => MutationReturnType<SigmetFromFrontend>;
+export declare const usePostSigmet: () => MutationReturnType<SigmetFromFrontend>;
 /**
  * Hook for posting an AIRMET, with feedback.
  *
@@ -30,5 +30,5 @@ export declare const usePostSigmet: (snackBarMessage: string) => MutationReturnT
  * @param onDialogClose - Optional callback to close a dialog.
  * @returns A mutation result for posting an AIRMET.
  */
-export declare const usePostAirmet: (snackBarMessage: string) => MutationReturnType<AirmetFromFrontend>;
+export declare const usePostAirmet: () => MutationReturnType<AirmetFromFrontend>;
 export {};

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

@@ -1,40 +1,16 @@
-import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { AreaObjectLoader } from './AreaObjectLoader';
 declare const _default: {
     title: string;
-};
-export default _default;
-export declare const AreaObjectLoaderSmall: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const AreaObjectLoaderLight: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const AreaObjectLoaderDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const AreaObjectLoaderLightNoResults: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const AreaObjectLoaderDarkNoResults: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const AreaObjectLoaderLoading: () => React.ReactElement;
-export declare const AreaObjectLoaderErrorLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const AreaObjectLoaderErrorDark: {
-    (): React.ReactElement;
     tags: string[];
 };
+export default _default;
+type Story = StoryObj<typeof AreaObjectLoader>;
+export declare const AreaObjectLoaderSmall: Story;
+export declare const AreaObjectLoaderLight: Story;
+export declare const AreaObjectLoaderDark: Story;
+export declare const AreaObjectLoaderLightNoResults: Story;
+export declare const AreaObjectLoaderDarkNoResults: Story;
+export declare const AreaObjectLoaderLoading: Story;
+export declare const AreaObjectLoaderErrorLight: Story;
+export declare const AreaObjectLoaderErrorDark: Story;

package/src/lib/components/AreaObjectLoader/AreaObjectLoaderConnect.stories.d.ts

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

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

@@ -1,34 +1,11 @@
-import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { DrawingToolForm } from '../DrawingToolForm';
 declare const _default: {
     title: string;
-};
-export default _default;
-export declare const DrawingToolLight: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const DrawingToolDark: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
     tags: string[];
 };
-export declare const DrawingToolErrorLight: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
+export default _default;
+type Story = StoryObj<typeof DrawingToolForm>;
+export declare const DrawingToolLight: Story;
+export declare const DrawingToolDark: Story;
+export declare const DrawingToolErrorLight: Story;

package/src/lib/components/FilterList/ExpandableFilterChip.stories.d.ts

@@ -1,19 +1,19 @@
 import * as React from 'react';
+import { StoryObj } from '@storybook/react/*';
+import ExpandableFilterChip, { ExpandableFilterChipProps } from './ExpandableFilterChip';
 declare const _default: {
     title: string;
-};
-export default _default;
-export declare const ExpandableFilterChipLight: {
-    (): React.ReactElement;
+    component: React.FC<ExpandableFilterChipProps>;
     parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
+        docs: {
+            description: {
+                component: string;
+            };
+        };
     };
-    tags: string[];
-};
-export declare const ExpandableFilterChipDark: {
-    (): React.ReactElement;
-    tags: string[];
 };
+export default _default;
+type Story = StoryObj<typeof ExpandableFilterChip>;
+export declare const Component: Story;
+export declare const ExpandableFilterChipLight: Story;
+export declare const ExpandableFilterChipDark: Story;

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

@@ -1,46 +1,39 @@
-import React from 'react';
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { ObjectManager } from './ObjectManager';
+import { DrawingListItem } from '../../store/warningsDrawings/types';
 declare const _default: {
     title: string;
-};
-export default _default;
-export declare const ObjectManagerSmall: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const ObjectManagerLight: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const ObjectManagerDark: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const ObjectManagerLightNoResults: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const ObjectManagerDarkNoResults: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const ObjectManagerLoading: () => React.ReactElement;
-export declare const ObjectManagerErrorLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const ObjectManagerErrorDark: {
-    (): React.ReactElement;
+    component: import("react").FC<{
+        bounds?: string | undefined;
+        title?: string | undefined;
+        onClose: () => void;
+        onMouseDown?: (() => void) | undefined;
+        isOpen: boolean;
+        order?: number | undefined;
+        source?: import("dist/libs/shared/src").Source | undefined;
+        size?: import("dist/libs/shared/src").DraggableSize | undefined;
+        startPosition?: import("dist/libs/shared/src").Position | undefined;
+        headerSize?: import("dist/libs/shared/src").HeaderSize | undefined;
+        drawingListItems: DrawingListItem[];
+        onClickDrawing?: ((drawing: DrawingListItem) => void) | undefined;
+        onEditDrawing?: ((drawingId: string) => void) | undefined;
+        onDeleteDrawing?: ((drawingId: string) => void) | undefined;
+        onShareObject?: ((object: DrawingListItem) => void) | undefined;
+        onCreateNewObject?: (() => void) | undefined;
+        activeDrawingId?: string | undefined;
+        error?: string | undefined;
+        isLoading?: boolean | undefined;
+    }>;
     tags: string[];
 };
+export default _default;
+type Story = StoryObj<typeof ObjectManager>;
+export declare const ObjectManagerSmall: Story;
+export declare const ObjectManagerLight: Story;
+export declare const ObjectManagerDark: Story;
+export declare const ObjectManagerLightNoResults: Story;
+export declare const ObjectManagerDarkNoResults: Story;
+export declare const ObjectManagerLoading: Story;
+export declare const ObjectManagerErrorLight: Story;
+export declare const ObjectManagerErrorDark: Story;

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

@@ -1,25 +1,10 @@
-import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { ObjectManagerConnect } from './ObjectManagerConnect';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
-export declare const ObjectManagerConnectLight: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    storyName: string;
-};
-export declare const ObjectManagerConnectDark: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    storyName: string;
-};
+type Story = StoryObj<typeof ObjectManagerConnect>;
+export declare const ObjectManagerConnectLight: Story;
+export declare const ObjectManagerConnectDark: Story;

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

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

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

@@ -3,12 +3,20 @@ import { Theme } from '@mui/material';
 import { Store } from '@reduxjs/toolkit';
 import { QueryClient } from '@tanstack/react-query';
 import { WarningsApi } from '../../utils/api';
-export interface WarningsThemeProviderProps {
+interface WarningsClientProviderProps {
     children: React.ReactNode;
-    theme?: Theme;
     optionalQueryClient?: QueryClient;
 }
+export interface WarningsThemeProviderProps extends WarningsClientProviderProps {
+    theme?: Theme;
+}
 export declare const WarningsThemeProvider: React.FC<WarningsThemeProviderProps>;
+interface WarningStoreProviderProps {
+    store?: Store;
+    createApi?: () => WarningsApi;
+    optionalQueryClient?: QueryClient;
+}
+export declare const WarningsStoreProvider: React.FC<WarningStoreProviderProps & WarningsClientProviderProps>;
 export interface WarningsThemeStoreProviderProps extends WarningsThemeProviderProps {
     store?: Store;
     createApi?: () => WarningsApi;

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

@@ -2,9 +2,8 @@ import React from 'react';
 import { WarningType } from '../../../store/publicWarningForm/types';
 export declare const BUTTON_AIRMET = "AIRMET";
 export declare const BUTTON_SIGMET = "SIGMET";
-interface NewWarningButtonProps {
+export interface NewWarningButtonProps {
     onCreateWarning: (warningType?: WarningType) => void;
     isDefaultOpen?: boolean;
 }
 export declare const NewWarningButton: React.FC<NewWarningButtonProps>;
-export {};

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

@@ -1,13 +1,12 @@
 import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { NewWarningButton } from './NewWarningButton';
 declare const _default: {
     title: string;
-};
-export default _default;
-export declare const NewWarningButtonLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const NewWarningButtonDark: {
-    (): React.ReactElement;
+    component: React.FC<import("./NewWarningButton").NewWarningButtonProps>;
     tags: string[];
 };
+export default _default;
+type Story = StoryObj<typeof NewWarningButton>;
+export declare const NewWarningButtonLight: Story;
+export declare const NewWarningButtonDark: Story;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const PublicWarningListLight: {

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

@@ -4,6 +4,7 @@ declare const _default: {
     component: ({ description, }: {
         description?: string | undefined;
     }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    tags: string[];
 };
 export default _default;
 export declare const LightMode: {};

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

@@ -1,13 +1,25 @@
-import React from 'react';
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { AreaField } from './AreaField';
 declare const _default: {
     title: string;
+    component: import("react").FC<{
+        onEditObject: () => void;
+        onViewObject: () => void;
+        onDeleteObject: () => void;
+        onAddObject: () => void;
+        isDisabled?: boolean | undefined;
+    }>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
 };
 export default _default;
-export declare const AreaFieldLight: {
-    (): React.ReactElement;
-    storyName: string;
-};
-export declare const AreaFieldDark: {
-    (): React.ReactElement;
-    storyName: string;
-};
+type Story = StoryObj<typeof AreaField>;
+export declare const Component: Story;
+export declare const AreaFieldLight: Story;
+export declare const AreaFieldDark: Story;

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

@@ -1,21 +1,10 @@
-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;
-};
-export declare const DescriptionFieldDisabledLight: {
-    (): React.ReactElement;
-    storyName: string;
-};
-export declare const DescriptionFieldDisabledDark: {
-    (): React.ReactElement;
-    storyName: string;
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { DescriptionField } from './DescriptionField';
+declare const meta: Meta<typeof DescriptionField>;
+export default meta;
+type Story = StoryObj<typeof DescriptionField>;
+export declare const Component: Story;
+export declare const DescriptionFieldLight: Story;
+export declare const DescriptionFieldDark: Story;
+export declare const DescriptionFieldDisabledLight: Story;
+export declare const DescriptionFieldDisabledDark: Story;

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

@@ -21,7 +21,8 @@ export interface FormProps {
     onSaveForm?: (formValues: PublicWarningDetail) => Promise<Headers | null>;
     onPublishForm?: (formValues: PublicWarningDetail) => Promise<Headers | null>;
     onClearForm?: () => void;
-    onSaveAviationForm?: (formValues: FieldValues, newStatus: ProductStatus, warningType: 'sigmet' | 'airmet') => Promise<Headers | null>;
+    onCloseForm?: () => void;
+    onSaveAviationForm?: (formValues: FieldValues, action: ProductStatus, warningType: 'sigmet' | 'airmet') => Promise<Headers | null>;
     object?: DrawingListItem;
     publicWarningDetails?: PublicWarningDetail;
     error?: FormError;
@@ -33,6 +34,8 @@ export interface FormProps {
     warningType?: WarningType;
     mode?: FormMode;
     onSetViewModeResetArea?: (area: Area[]) => void;
+    storedStartGeoJSON?: FeatureCollection<Geometry, GeoJsonProperties>;
+    storedEndGeoJSON?: FeatureCollection<Geometry, GeoJsonProperties>;
 }
 export declare function warningLevelFeatureColors(level: WarningLevel | undefined, geoJSON: FeatureCollection<Geometry, GeoJsonProperties> | undefined, // Allow undefined
 isAviationWarning?: boolean): FeatureCollection<Geometry, GeoJsonProperties>;

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

@@ -7,7 +7,7 @@ interface DemoProps {
     isReadOnly: boolean;
     error?: string;
 }
-export declare const PublicWarningsFormDemo: ({ formProps, darkMode, isReadOnly, error, }: DemoProps) => React.ReactElement;
+export declare const PublicWarningsFormDemo: ({ formProps, isReadOnly, error, }: DemoProps) => React.ReactElement;
 type Story = StoryObj<typeof PublicWarningsFormDemo>;
 declare const meta: Meta<typeof PublicWarningsFormDemo>;
 export default meta;
@@ -19,8 +19,8 @@ export declare const ErrorForm: Story;
 export declare const ErrorFormDark: Story;
 export declare const ReadOnlyForm: Story;
 export declare const ReadOnlyFormDark: Story;
-export declare const PublicWarningsFormAirmetDraftLight: () => React.ReactElement;
-export declare const PublicWarningsFormAirmetDraftDark: () => React.ReactElement;
+export declare const PublicWarningsFormAirmetDraftLight: Story;
+export declare const PublicWarningsFormAirmetDraftDark: Story;
 export declare const PublicWarningsFormAirmetCancels: () => React.ReactElement;
 export declare const PublicWarningsFormAirmetCancelled: () => React.ReactElement;
 export declare const PublicWarningsFormSigmetCancels: () => React.ReactElement;

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const PublicWarningsFormConnectDemo: () => React.ReactElement;

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const SaveError: () => React.ReactElement;

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

@@ -1,57 +1,18 @@
-import * as React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { PublicWarningsFormDialog } from './PublicWarningsFormDialog';
 declare const _default: {
     title: string;
-};
-export default _default;
-export declare const PublicWarningsFormDialogLight: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogDark: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogBigLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogBigDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogBigErrorLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogBigErrorDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogReadOnlyLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogReadOnlyDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogTakeoverWarningLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const PublicWarningsFormDialogTakeoverWarningDark: {
-    (): React.ReactElement;
     tags: string[];
 };
+export default _default;
+type Story = StoryObj<typeof PublicWarningsFormDialog>;
+export declare const PublicWarningsFormDialogLight: Story;
+export declare const PublicWarningsFormDialogDark: Story;
+export declare const PublicWarningsFormDialogBigLight: Story;
+export declare const PublicWarningsFormDialogBigDark: Story;
+export declare const PublicWarningsFormDialogBigErrorLight: Story;
+export declare const PublicWarningsFormDialogBigErrorDark: Story;
+export declare const PublicWarningsFormDialogReadOnlyLight: Story;
+export declare const PublicWarningsFormDialogReadOnlyDark: Story;
+export declare const PublicWarningsFormDialogTakeoverWarningLight: Story;
+export declare const PublicWarningsFormDialogTakeoverWarningDark: Story;

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

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

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { FeatureCollection } from 'geojson';
 import { MapPreset } from '@opengeoweb/store';
 interface WarningsMapViewProps {
-    geojsonFeature: FeatureCollection | undefined;
+    geojsonFeature?: FeatureCollection | undefined;
     defaultMapPreset?: MapPreset;
     isSnapshot?: boolean;
 }