@opengeoweb/warnings 12.11.0 → 12.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "12.11.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.11.0",
-    "@opengeoweb/shared": "12.11.0",
-    "@opengeoweb/store": "12.11.0",
-    "@opengeoweb/webmap-react": "12.11.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.11.0",
-    "@opengeoweb/form-fields": "12.11.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.11.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.11.0",
-    "@opengeoweb/webmap": "12.11.0",
-    "@opengeoweb/authentication": "12.11.0",
-    "@opengeoweb/sigmet-airmet": "12.11.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",

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/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

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

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

@@ -3,7 +3,11 @@ 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/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/testUtils.d.ts

@@ -0,0 +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/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

@@ -16,6 +16,10 @@ interface ToggleSelectArea {
     type: 'toggleSelectArea';
     id: string;
 }
+interface SelectMultipleAreas {
+    type: 'selectMultipleAreas';
+    ids: string[];
+}
 interface NewWarning {
     type: 'newWarning';
 }
@@ -44,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

@@ -1,2 +1,6 @@
-import { MaritimeWarningItem } from './types';
+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/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 {};