@opengeoweb/warnings 12.10.0 → 12.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "12.10.0",
+  "version": "12.12.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.10.0",
-    "@opengeoweb/shared": "12.10.0",
-    "@opengeoweb/store": "12.10.0",
-    "@opengeoweb/webmap-react": "12.10.0",
+    "@opengeoweb/api": "12.12.0",
+    "@opengeoweb/shared": "12.12.0",
+    "@opengeoweb/store": "12.12.0",
+    "@opengeoweb/webmap-react": "12.12.0",
     "@tanstack/react-query": "^5.69.2",
     "react-redux": "^9.2.0",
-    "@opengeoweb/theme": "12.10.0",
-    "@opengeoweb/form-fields": "12.10.0",
+    "@opengeoweb/theme": "12.12.0",
+    "@opengeoweb/form-fields": "12.12.0",
     "react-hook-form": "^7.50.1",
     "lodash": "^4.17.21",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/snackbar": "12.10.0",
+    "@opengeoweb/snackbar": "12.12.0",
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "axios": "^1.7.7",
-    "@opengeoweb/core": "12.10.0",
-    "@opengeoweb/webmap": "12.10.0",
-    "@opengeoweb/authentication": "12.10.0",
-    "@opengeoweb/sigmet-airmet": "12.10.0",
+    "@opengeoweb/core": "12.12.0",
+    "@opengeoweb/webmap": "12.12.0",
+    "@opengeoweb/authentication": "12.12.0",
+    "@opengeoweb/sigmet-airmet": "12.12.0",
     "react-i18next": "^15.1.1",
     "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",
@@ -40,6 +40,9 @@
     "@emotion/react": "*",
     "@emotion/styled": "*"
   },
+  "devDependencies": {
+    "eslint-plugin-storybook": "9.0.17"
+  },
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/src/lib/api/warning-api/api.d.ts

@@ -1,10 +1,10 @@
 import { Credentials } from '@opengeoweb/authentication';
-import { PublicWarning } from '../../store/publicWarningForm/types';
+import { MaritimeWarning, PublicWarning } from '../../store/publicWarningForm/types';
 import { DrawingFromBE, DrawingFromFE, DrawingListItem, FetchDrawingParams } from '../../store/warningsDrawings/types';
 export declare const getPublicWarningList: (auth: Credentials) => Promise<PublicWarning[]>;
 export declare const updatePublicWarningEditor: (warningId: string, isEditor: boolean, auth: Credentials, force?: boolean) => Promise<Headers | null>;
 export declare const updatePublicWarning: (warningId: string, auth: Credentials, data: PublicWarning) => Promise<Headers | null>;
-export declare const postPublicWarning: (auth: Credentials, data: PublicWarning) => Promise<Headers | null>;
+export declare const postWarning: (auth: Credentials, data: PublicWarning | MaritimeWarning) => Promise<Headers | null>;
 export declare const deleteWarning: (warningId: string, auth: Credentials) => Promise<null>;
 export declare const getDrawings: (auth: Credentials, params?: FetchDrawingParams) => Promise<DrawingListItem[]>;
 export declare const getDrawingDetails: (auth: Credentials, drawingId: string) => Promise<DrawingFromBE>;

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

@@ -1,11 +1,11 @@
 import { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
-import { PublicWarning } from '../../store/publicWarningForm/types';
+import { MaritimeWarning, PublicWarning } from '../../store/publicWarningForm/types';
 import { DrawingFromBE, DrawingFromFE, DrawingListItem, FetchDrawingParams } from '../../store/warningsDrawings/types';
 /**
  * @param disabled - Disables fetching, but still returns cached values.
  * https://tanstack.com/query/v4/docs/framework/react/guides/disabling-queries
  */
-export declare const usePublicWarnings: (disabled?: boolean) => UseQueryResult<PublicWarning[]>;
+export declare const usePublicWarnings: (disabled?: boolean) => UseQueryResult<(PublicWarning | MaritimeWarning)[]>;
 type MutationReturnType<T> = UseMutationResult<Headers | null, Error, T, {
     oldData: PublicWarning[] | undefined;
 }>;
@@ -43,4 +43,5 @@ interface DeleteDrawingParams {
 export declare const useMutateDeleteDrawing: () => UseMutationResult<{
     id: string;
 }, Error, DeleteDrawingParams>;
+export declare const usePostMaritimeWarning: () => MutationReturnType<MaritimeWarning>;
 export {};

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { AreaObjectLoader } from './AreaObjectLoader';
 declare const _default: {
     title: string;

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

@@ -16,5 +16,5 @@ export interface ComponentsLookUpPayload {
 export interface ApiModuleProps extends ApiModule {
     config: ApiUrls;
 }
-export declare const componentsLookUp: (payload: ComponentsLookUpPayload) => React.ReactElement;
+export declare const componentsLookUp: (payload: ComponentsLookUpPayload, ComponentsLookUpWrapper?: any) => React.ReactElement;
 export {};

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { DrawingToolForm } from '../DrawingToolForm';
 declare const _default: {
     title: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PickedFilterState, UpdateFilter } from './filter-hooks';
 type IdType = keyof PickedFilterState;
 export interface ExpandableFilterChipProps {

package/src/lib/components/FilterList/filter-utils.d.ts

@@ -1,3 +1,4 @@
+import { AirmetPhenomena, SigmetPhenomena } from '@opengeoweb/api';
 import { Warning } from '../../store/publicWarningForm/types';
 export declare enum Domain {
     aviation = "aviation",
@@ -26,8 +27,52 @@ export declare const defaultDomainFilter: Record<Domain, boolean>;
 export declare const domainLevels: Record<Domain, Level[]>;
 export declare const defaultLevelFilter: Record<Level | 'unspecified', boolean>;
 export declare const defaultEmptyFilter: Record<string, boolean>;
-export declare const makeFilterFromList: <T extends string>(options: T[], value?: boolean) => Record<T | 'unspecified', boolean>;
-export declare const AllPhenomenaKeys: Record<"wind" | "fog" | "thunderstorm" | "snowIce" | "rain" | "highTemp" | "lowTemp" | "coastalEvent" | "EMBD_TS" | "EMBD_TSGR" | "FRQ_TS" | "FRQ_TSGR" | "HVY_DS" | "HVY_SS" | "OBSC_TS" | "OBSC_TSGR" | "RDOACT_CLD" | "SEV_ICE" | "SEV_ICE_FRZ_RN" | "SEV_MTW" | "SEV_TURB" | "SQL_TS" | "SQL_TSGR" | "VA_CLD" | "SFC_VIS" | "SFC_WIND" | "OVC_CLD" | "BKN_CLD" | "ISOL_CB" | "OCNL_CB" | "FRQ_CB" | "ISOL_TS" | "OCNL_TS" | "ISOL_TSGR" | "OCNL_TSGR" | "ISOL_TCU" | "OCNL_TCU" | "FRQ_TCU" | "MOD_ICE" | "MOD_MTW" | "MOD_TURB" | "MT_OBSC", "wind" | "fog" | "thunderstorm" | "snowIce" | "rain" | "highTemp" | "lowTemp" | "coastalEvent" | "EMBD_TS" | "EMBD_TSGR" | "FRQ_TS" | "FRQ_TSGR" | "HVY_DS" | "HVY_SS" | "OBSC_TS" | "OBSC_TSGR" | "RDOACT_CLD" | "SEV_ICE" | "SEV_ICE_FRZ_RN" | "SEV_MTW" | "SEV_TURB" | "SQL_TS" | "SQL_TSGR" | "VA_CLD" | "SFC_VIS" | "SFC_WIND" | "OVC_CLD" | "BKN_CLD" | "ISOL_CB" | "OCNL_CB" | "FRQ_CB" | "ISOL_TS" | "OCNL_TS" | "ISOL_TSGR" | "OCNL_TSGR" | "ISOL_TCU" | "OCNL_TCU" | "FRQ_TCU" | "MOD_ICE" | "MOD_MTW" | "MOD_TURB" | "MT_OBSC">;
+export declare const makeFilterFromList: <T extends string>(options: T[], value?: boolean) => Record<T | "unspecified", boolean>;
+declare const AllPhenomena: {
+    readonly wind: Phenomenon.wind;
+    readonly fog: Phenomenon.fog;
+    readonly thunderstorm: Phenomenon.thunderstorm;
+    readonly snowIce: Phenomenon.snowIce;
+    readonly rain: Phenomenon.rain;
+    readonly highTemp: Phenomenon.highTemp;
+    readonly lowTemp: Phenomenon.lowTemp;
+    readonly coastalEvent: Phenomenon.coastalEvent;
+    readonly EMBD_TS: SigmetPhenomena.EMBD_TS;
+    readonly EMBD_TSGR: SigmetPhenomena.EMBD_TSGR;
+    readonly FRQ_TS: SigmetPhenomena.FRQ_TS;
+    readonly FRQ_TSGR: SigmetPhenomena.FRQ_TSGR;
+    readonly HVY_DS: SigmetPhenomena.HVY_DS;
+    readonly HVY_SS: SigmetPhenomena.HVY_SS;
+    readonly OBSC_TS: SigmetPhenomena.OBSC_TS;
+    readonly OBSC_TSGR: SigmetPhenomena.OBSC_TSGR;
+    readonly RDOACT_CLD: SigmetPhenomena.RDOACT_CLD;
+    readonly SEV_ICE: SigmetPhenomena.SEV_ICE;
+    readonly SEV_ICE_FRZ_RN: SigmetPhenomena.SEV_ICE_FRZ_RN;
+    readonly SEV_MTW: SigmetPhenomena.SEV_MTW;
+    readonly SEV_TURB: SigmetPhenomena.SEV_TURB;
+    readonly SQL_TS: SigmetPhenomena.SQL_TS;
+    readonly SQL_TSGR: SigmetPhenomena.SQL_TSGR;
+    readonly VA_CLD: SigmetPhenomena.VA_CLD;
+    readonly SFC_VIS: AirmetPhenomena.SFC_VIS;
+    readonly SFC_WIND: AirmetPhenomena.SFC_WIND;
+    readonly OVC_CLD: AirmetPhenomena.OVC_CLD;
+    readonly BKN_CLD: AirmetPhenomena.BKN_CLD;
+    readonly ISOL_CB: AirmetPhenomena.ISOL_CB;
+    readonly OCNL_CB: AirmetPhenomena.OCNL_CB;
+    readonly FRQ_CB: AirmetPhenomena.FRQ_CB;
+    readonly ISOL_TS: AirmetPhenomena.ISOL_TS;
+    readonly OCNL_TS: AirmetPhenomena.OCNL_TS;
+    readonly ISOL_TSGR: AirmetPhenomena.ISOL_TSGR;
+    readonly OCNL_TSGR: AirmetPhenomena.OCNL_TSGR;
+    readonly ISOL_TCU: AirmetPhenomena.ISOL_TCU;
+    readonly OCNL_TCU: AirmetPhenomena.OCNL_TCU;
+    readonly FRQ_TCU: AirmetPhenomena.FRQ_TCU;
+    readonly MOD_ICE: AirmetPhenomena.MOD_ICE;
+    readonly MOD_MTW: AirmetPhenomena.MOD_MTW;
+    readonly MOD_TURB: AirmetPhenomena.MOD_TURB;
+    readonly MT_OBSC: AirmetPhenomena.MT_OBSC;
+};
+export declare const AllPhenomenaKeys: Record<keyof typeof AllPhenomena, keyof typeof AllPhenomena>;
 export declare const domainPhenomena: Record<Domain, Partial<keyof typeof AllPhenomenaKeys>[]>;
 export declare const defaultPhenomenonFilter: Record<string, boolean>;
 export declare const initialFilters: {
@@ -45,8 +90,8 @@ interface OptionsMetadata {
     allSelected: boolean;
 }
 export declare const getSelectedOptions: (options?: OptionsType) => OptionsMetadata;
-export declare const updateState: <T extends string>(state: Record<T, boolean>, optionKey: T | 'ALL', value: boolean, only?: boolean) => Record<T, boolean>;
+export declare const updateState: <T extends string>(state: Record<T, boolean>, optionKey: T | "ALL", value: boolean, only?: boolean) => Record<T, boolean>;
 /** Make sure our value is in the filter */
-export declare const getValue: <T>(values: Record<string, T>, value: string) => T | 'unspecified';
+export declare const getValue: <T>(values: Record<string, T>, value: string) => T | "unspecified";
 export declare const getFiltersFromWarnings: (warnings: Warning[], filterKey: string) => string[];
 export {};

package/src/lib/components/MaritimeWarningsForm/AreaList/AreaList.d.ts

@@ -4,6 +4,8 @@ export interface AreaListProps {
     areas: Area[];
     selected: string[];
     disabled: string[];
-    onClickItem?: (id: string) => void;
+    isReadOnly?: boolean;
+    onToggleSelectArea?: (id: string) => void;
+    onSelectMultipleAreas: (ids: string[]) => void;
 }
-export declare const AreaList: React.MemoExoticComponent<({ areas, selected, disabled, onClickItem }: AreaListProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AreaList: React.MemoExoticComponent<({ areas, selected, disabled, isReadOnly, onToggleSelectArea, onSelectMultipleAreas, }: AreaListProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/components/MaritimeWarningsForm/AssignedAreas/AssignedAreas.d.ts

@@ -6,6 +6,8 @@ export interface AssignedAreasProps {
     onAddClick: () => void;
     onDeleteClick: (id: string) => void;
     onToggleSelectArea: (id: string) => void;
+    onSelectMultipleAreas: (id: string[]) => void;
     shouldShowDistricts?: boolean;
+    isReadOnly?: boolean;
 }
 export declare const AssignedAreas: React.FC<AssignedAreasProps>;

package/src/lib/components/MaritimeWarningsForm/AssignedAreas/AssignedAreas.spec.d.ts

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

package/src/lib/components/MaritimeWarningsForm/MaritimeWarningsAvatar.d.ts

@@ -0,0 +1,8 @@
+import { TooltipProps } from '@mui/material';
+import * as React from 'react';
+export interface MaritimeWarningAvatarProps {
+    editor: string;
+    tooltipPlacement?: TooltipProps['placement'];
+}
+declare const MaritimeWarningAvatar: React.FC<MaritimeWarningAvatarProps>;
+export default MaritimeWarningAvatar;

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

@@ -6,6 +6,7 @@ export interface MaritimeWarningsFormProps {
     warnings: MaritimeWarningItem[];
     modified: boolean;
     onToggleSelectArea: (id: string) => void;
+    onSelectMultipleAreas: (ids: string[]) => void;
     onAddSelectedAreas: (id: string) => void;
     onRemoveWarning: (id: string) => void;
     onRemoveArea: (id: string) => void;
@@ -14,6 +15,9 @@ export interface MaritimeWarningsFormProps {
     onMoveWarning: (oldIndex: number, newIndex: number) => void;
     onSubmit: () => void;
     onClear: () => void;
+    onToggleReadOnly: (isReadOnly: boolean) => void;
+    isReadOnly: boolean;
     shouldShowDistricts?: boolean;
+    editor?: string;
 }
 export declare const MaritimeWarningsForm: React.FC<MaritimeWarningsFormProps>;

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

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

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

@@ -1,9 +1,13 @@
-import { StoryObj, Meta } from '@storybook/react';
+import { StoryObj, Meta } from '@storybook/react-webpack5';
 import { MaritimeWarningsForm } from './MaritimeWarningsForm';
 type Story = StoryObj<typeof MaritimeWarningsForm>;
 declare const meta: Meta<typeof MaritimeWarningsForm>;
 export default meta;
-export declare const LightMode: Story;
-export declare const DarkMode: Story;
-export declare const MaritimeWarningsFormMobileLight: Story;
+export declare const ViewerLightMode: Story;
+export declare const EditorLightMode: Story;
+export declare const ViewerDarkMode: Story;
+export declare const EditorDarkMode: Story;
+export declare const MaritimeWarningsFormViewerMobileLight: Story;
+export declare const MaritimeWarningsFormEditorMobileLight: Story;
+export declare const MaritimeWarningsFormViewerMobileDark: Story;
 export declare const MaritimeWarningsFormMobileDark: Story;

package/src/lib/components/MaritimeWarningsForm/MaritimeWarningsFormConnect.d.ts

@@ -2,5 +2,7 @@ import React from 'react';
 import { MaritimeWarningsDomain } from './types';
 export interface MaritimeWarningsFormConnectProps {
     domain: MaritimeWarningsDomain;
+    onPreventCloseView?: (on: boolean) => void;
+    onModifyForm?: (isFormDirty: boolean) => void;
 }
 export declare const MaritimeWarningsFormConnect: React.FC<MaritimeWarningsFormConnectProps>;

package/src/lib/components/MaritimeWarningsForm/MaritimeWarningsFormConnect.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj, Meta } from '@storybook/react';
+import { StoryObj, Meta } from '@storybook/react-webpack5';
 import React from 'react';
 import { MaritimeWarningsFormConnectProps } from './MaritimeWarningsFormConnect';
 declare const MaritimeWarningsFormConnectDemo: React.FC<MaritimeWarningsFormConnectProps>;

package/src/lib/components/MaritimeWarningsForm/WarningList/WarningList.d.ts

@@ -7,9 +7,11 @@ export interface WarningListProps {
     onRemoveWarning: (id: string) => void;
     onChangeWarning: (id: string, newValues: Partial<MaritimeWarningItemAttributes>) => void;
     onToggleSelectArea: (areaId: string) => void;
+    onSelectMultipleAreas: (areaIds: string[]) => void;
     onMoveWarning: (oldIndex: number, newIndex: number) => void;
     selectedAreaIds: string[];
     areas: Area[];
+    isReadOnly: boolean;
     shouldShowDistricts?: boolean;
 }
 export declare const WarningList: React.FC<WarningListProps>;

package/src/lib/components/MaritimeWarningsForm/WarningList/WarningListItem.d.ts

@@ -4,11 +4,13 @@ export interface WarningListItemProps {
     warning: MaritimeWarningItem;
     areas: Area[];
     selectedAreaIds: string[];
+    isReadOnly: boolean;
     onAddClick: (id: string) => void;
     onRemove: (id: string) => void;
     onChange: (id: string, values: MaritimeWarningItemAttributes) => void;
     onToggleSelectArea: (id: string) => void;
+    onSelectMultipleAreas: (ids: string[]) => void;
     onRemoveArea: (id: string) => void;
     shouldShowDistricts?: boolean;
 }
-export declare const WarningListItem: React.MemoExoticComponent<({ warning, areas, selectedAreaIds, onAddClick, onRemove, onChange, onToggleSelectArea, onRemoveArea, shouldShowDistricts, }: WarningListItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WarningListItem: React.MemoExoticComponent<({ warning, areas, selectedAreaIds, onAddClick, onRemove, onChange, onToggleSelectArea, onSelectMultipleAreas, onRemoveArea, isReadOnly, shouldShowDistricts, }: WarningListItemProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/components/MaritimeWarningsForm/WarningList/WarningListSelect.d.ts

@@ -14,6 +14,6 @@ export interface WarningListSelectProps {
     renderValue?: (option: unknown) => React.ReactNode;
     gridArea: string;
     additionalStyling?: SxProps;
-    isDisabled?: boolean;
+    isReadOnly?: boolean;
 }
-export declare const WarningListSelect: React.MemoExoticComponent<({ options, value, label, onChange, renderOption, renderValue, gridArea, additionalStyling, isDisabled, }: WarningListSelectProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WarningListSelect: React.MemoExoticComponent<({ options, value, label, onChange, renderOption, renderValue, gridArea, additionalStyling, isReadOnly, }: WarningListSelectProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/components/MaritimeWarningsForm/WarningList/WindForceSelect.d.ts

@@ -14,9 +14,11 @@ export interface WindForceOption {
     level: WindForceLevel;
     value: string;
 }
-export declare const WindForceSelect: React.FC<{
+export interface WindForceSelectProps {
     value?: string;
     onChange: (value: string) => void;
     gridArea: string;
     options: WindForceOption[];
-}>;
+    isReadOnly?: boolean;
+}
+export declare const WindForceSelect: React.FC<WindForceSelectProps>;

package/src/lib/components/MaritimeWarningsForm/{MartitimeWarningsForm.spec.d.ts → testUtils.d.ts}

@@ -1,2 +1,3 @@
 import { WarningListSelectOption } from './WarningList/WarningListSelect';
+export declare function getLabelFromOptionLabel(label: WarningListSelectOption['label']): string;
 export declare function selectOption(container: HTMLElement, comboboxLabel: string, optionLabel: WarningListSelectOption['label']): Promise<void>;

package/src/lib/components/MaritimeWarningsForm/useConfirmRetractDialog.d.ts

@@ -0,0 +1,11 @@
+import { Area, MaritimeWarningItem } from './types';
+interface UseConfirmRetractDialogProps {
+    areas: Area[];
+    warnings: MaritimeWarningItem[];
+    onRemoveWarning: (id: string) => void;
+}
+interface UseConfirmRetractDialog {
+    onRemoveWarningWithConfirmation(id: string): Promise<void>;
+}
+export declare function useConfirmRetractDialog({ areas, warnings, onRemoveWarning, }: UseConfirmRetractDialogProps): UseConfirmRetractDialog;
+export {};

package/src/lib/components/MaritimeWarningsForm/useFilterChipSelect.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface UseFilterChipSelectProps {
+    selectedIds: string[];
+    assignedIds: string[];
+    onToggleSelect?: (id: string) => void;
+    onSelectMultiple?: (ids: string[]) => void;
+}
+interface UseFilterChipSelect {
+    handleChipClick(id: string, event: React.MouseEvent): void;
+}
+export declare function useFilterChipSelect({ selectedIds, assignedIds, onToggleSelect, onSelectMultiple, }: UseFilterChipSelectProps): UseFilterChipSelect;
+export {};

package/src/lib/components/MaritimeWarningsForm/useFilterChipSelect.spec.d.ts

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

package/src/lib/components/MaritimeWarningsForm/useMaritimeWarningsFormState.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { MaritimeWarningItem, MaritimeWarningItemAttributes } from './types';
 export declare function createWarning(): MaritimeWarningItem;
+export declare function isPublishedWarning(warning: MaritimeWarningItem): boolean;
 interface State {
     selectedAreaIds: string[];
     warnings: MaritimeWarningItem[];
@@ -15,6 +16,10 @@ interface ToggleSelectArea {
     type: 'toggleSelectArea';
     id: string;
 }
+interface SelectMultipleAreas {
+    type: 'selectMultipleAreas';
+    ids: string[];
+}
 interface NewWarning {
     type: 'newWarning';
 }
@@ -43,7 +48,10 @@ interface MoveWarning {
     oldIndex: number;
     newIndex: number;
 }
-type Action = ToggleSelectArea | NewWarning | Initialize | AddSelectedAreasToWarning | ChangeWarning | RemoveWarning | RemoveArea | ClearWarnings | MoveWarning;
+interface MergeWarnings {
+    type: 'mergeWarnings';
+}
+type Action = ToggleSelectArea | NewWarning | Initialize | AddSelectedAreasToWarning | ChangeWarning | RemoveWarning | RemoveArea | ClearWarnings | MoveWarning | SelectMultipleAreas | MergeWarnings;
 export declare function reducer(state: State, action: Action): State;
 export declare function useMaritimeWarningsFormState(): [
     State,

package/src/lib/components/MaritimeWarningsForm/utils.d.ts

@@ -0,0 +1,6 @@
+import { MaritimeWarning, MaritimeWarningsType } from '../../store/publicWarningForm/types';
+import { MaritimeWarningItem, MaritimeWarningsDomain } from './types';
+export declare const isWarningsValid: (warnings: MaritimeWarningItem[]) => boolean;
+export declare const getType: (domain: MaritimeWarningsDomain) => MaritimeWarningsType;
+export declare const mapItemsToMaritimeWarnings: (warnings: MaritimeWarningItem[], domain: MaritimeWarningsDomain, editor?: string) => MaritimeWarning[];
+export declare const mapMaritimeWarningsToItems: (warnings: MaritimeWarning[]) => MaritimeWarningItem[];

package/src/lib/components/MaritimeWarningsForm/utils.spec.d.ts

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

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

@@ -1,29 +1,28 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { ObjectManager } from './ObjectManager';
 import { DrawingListItem } from '../../store/warningsDrawings/types';
 declare const _default: {
     title: string;
     component: import("react").FC<{
-        bounds?: string | undefined;
-        title?: string | undefined;
+        bounds?: string;
+        title?: string;
         onClose: () => void;
-        onMouseDown?: (() => void) | undefined;
+        onMouseDown?: () => void;
         isOpen: boolean;
-        order?: number | undefined;
-        source?: import("@opengeoweb/shared").Source | undefined;
-        size?: import("@opengeoweb/shared").DraggableSize | undefined;
-        startPosition?: import("@opengeoweb/shared").Position | undefined;
-        headerSize?: import("@opengeoweb/shared").HeaderSize | undefined;
+        order?: number;
+        source?: import("@opengeoweb/shared").Source;
+        size?: import("@opengeoweb/shared").DraggableSize;
+        startPosition?: import("@opengeoweb/shared").Position;
+        headerSize?: import("@opengeoweb/shared").HeaderSize;
         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;
+        onClickDrawing?: (drawing: DrawingListItem) => void;
+        onEditDrawing?: (drawingId: string) => void;
+        onDeleteDrawing?: (drawingId: string) => void;
+        onShareObject?: (object: DrawingListItem) => void;
+        onCreateNewObject?: () => void;
+        activeDrawingId?: string;
+        error?: string;
+        isLoading?: boolean;
     }>;
     tags: string[];
 };

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { ObjectManagerConnect } from './ObjectManagerConnect';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { NewWarningButton } from './NewWarningButton';
 declare const _default: {
     title: string;

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

@@ -2,8 +2,8 @@ import React from 'react';
 declare const _default: {
     title: string;
     component: ({ description, }: {
-        description?: string | undefined;
-    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        description?: string;
+    }) => React.ReactElement;
     tags: string[];
 };
 export default _default;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { AreaField } from './AreaField';
 declare const _default: {
     title: string;
@@ -8,7 +7,7 @@ declare const _default: {
         onViewObject: () => void;
         onDeleteObject: () => void;
         onAddObject: () => void;
-        isDisabled?: boolean | undefined;
+        isDisabled?: boolean;
     }>;
     parameters: {
         docs: {

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { DescriptionField } from './DescriptionField';
 declare const meta: Meta<typeof DescriptionField>;
 export default meta;

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import * as React from 'react';
 import { FormProps } from './PublicWarningsForm';
 interface DemoProps {

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

@@ -3,9 +3,8 @@ import { Position, DraggableSize, HeaderSize } from '@opengeoweb/shared';
 import { AviationProduct } from '@opengeoweb/sigmet-airmet';
 import { uiTypes } from '@opengeoweb/store';
 import { WarningType } from '../../store/publicWarningForm/types';
-export declare const PublicWarningsFormDialog: React.FC<{
+export interface PublicWarningsFormDialogProps {
     bounds?: string;
-    title?: string;
     onClose: () => void;
     onMouseDown?: () => void;
     isOpen: boolean;
@@ -22,4 +21,5 @@ export declare const PublicWarningsFormDialog: React.FC<{
     publicWarningEditor?: string;
     selectedAviationProduct?: AviationProduct;
     warningType?: WarningType;
-}>;
+}
+export declare const PublicWarningsFormDialog: React.FC<PublicWarningsFormDialogProps>;

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { PublicWarningsFormDialog } from './PublicWarningsFormDialog';
 declare const _default: {
     title: string;

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

@@ -34,7 +34,8 @@ export declare enum PublicWarningStatus {
     IGNORED = "IGNORED",
     WITHDRAWN = "WITHDRAWN"
 }
-export type WarningType = 'public' | 'airmet' | 'sigmet' | 'maritimeWarningCoastal' | 'maritimeWarningNorthSea';
+export type MaritimeWarningsType = 'maritimeWarningCoastal' | 'maritimeWarningNorthSea';
+export type WarningType = 'public' | 'airmet' | 'sigmet' | MaritimeWarningsType;
 interface BaseWarning {
     status?: PublicWarningStatus;
     productStatus?: ProductStatus;
@@ -54,5 +55,14 @@ export interface SigmetWarning extends BaseWarning {
     type: 'sigmet';
     sigmetAirmetDetails: Sigmet | CancelSigmet;
 }
-export type Warning = PublicWarning | AirmetWarning | SigmetWarning;
+export interface MaritimeWarning extends BaseWarning {
+    type: MaritimeWarningsType;
+    warningDetail: PublicWarningDetail & {
+        windDirectionFrom?: string;
+        windForce?: string;
+        changeType?: string;
+        windDirectionTo?: string;
+    };
+}
+export type Warning = PublicWarning | AirmetWarning | SigmetWarning | MaritimeWarning;
 export {};

package/src/lib/utils/sig-airmet-util.d.ts

@@ -13,6 +13,6 @@ export declare const transformSigmetFromBackendToProductFormat: (warning: Sigmet
 export declare const transformAirmetFromBackendToProductFormat: (warning: AirmetFromBackend) => AviationProduct;
 export declare const getEmptySigmetWarning: (productConfig: ProductConfig) => AviationProduct;
 export declare const getEmptyAirmetWarning: (productConfig: ProductConfig) => AviationProduct;
-export declare const renewAviationProduct: <T extends AirmetWarning | SigmetWarning>(aviationWarning: T, productConfig: ProductConfig) => T;
-export declare const amendAviationProduct: <T extends AirmetWarning | SigmetWarning>(aviationWarning: T, productConfig: ProductConfig) => T;
-export declare const duplicateAviationProduct: <T extends AirmetWarning | SigmetWarning>(aviationWarning: T) => T;
+export declare const renewAviationProduct: <T extends SigmetWarning | AirmetWarning>(aviationWarning: T, productConfig: ProductConfig) => T;
+export declare const amendAviationProduct: <T extends SigmetWarning | AirmetWarning>(aviationWarning: T, productConfig: ProductConfig) => T;
+export declare const duplicateAviationProduct: <T extends SigmetWarning | AirmetWarning>(aviationWarning: T) => T;