@opengeoweb/warnings 12.8.0 → 12.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "12.8.0",
+  "version": "12.10.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,31 +8,32 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "12.8.0",
-    "@opengeoweb/shared": "12.8.0",
-    "@opengeoweb/store": "12.8.0",
-    "@opengeoweb/webmap-react": "12.8.0",
+    "@opengeoweb/api": "12.10.0",
+    "@opengeoweb/shared": "12.10.0",
+    "@opengeoweb/store": "12.10.0",
+    "@opengeoweb/webmap-react": "12.10.0",
     "@tanstack/react-query": "^5.69.2",
     "react-redux": "^9.2.0",
-    "@opengeoweb/theme": "12.8.0",
-    "@opengeoweb/form-fields": "12.8.0",
+    "@opengeoweb/theme": "12.10.0",
+    "@opengeoweb/form-fields": "12.10.0",
     "react-hook-form": "^7.50.1",
     "lodash": "^4.17.21",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/snackbar": "12.8.0",
+    "@opengeoweb/snackbar": "12.10.0",
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "axios": "^1.7.7",
-    "@opengeoweb/core": "12.8.0",
-    "@opengeoweb/webmap": "12.8.0",
-    "@opengeoweb/authentication": "12.8.0",
-    "@opengeoweb/sigmet-airmet": "12.8.0",
+    "@opengeoweb/core": "12.10.0",
+    "@opengeoweb/webmap": "12.10.0",
+    "@opengeoweb/authentication": "12.10.0",
+    "@opengeoweb/sigmet-airmet": "12.10.0",
     "react-i18next": "^15.1.1",
     "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",
     "ol": "^10.4.0",
     "msw": "^2.7.3",
-    "@types/geojson": "^7946.0.14"
+    "@types/geojson": "^7946.0.14",
+    "react-sortablejs": "^6.1.4"
   },
   "peerDependencies": {
     "react": "18",

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

@@ -1,13 +1,20 @@
 import * as React from 'react';
 import { ApiModule, ApiUrls } from '@opengeoweb/api';
-export type WarningListComponentType = 'WarningList';
+import { PickedFilterState } from '../FilterList/filter-hooks';
+import { MaritimeWarningsDomain } from '../MaritimeWarningsForm/types';
+export type WarningListComponentType = 'WarningList' | 'MaritimeWarnings';
+interface WarningsInitialProps {
+    filterState?: PickedFilterState;
+    domain?: MaritimeWarningsDomain;
+}
 export interface ComponentsLookUpPayload {
     componentType: WarningListComponentType;
     id: string;
     title?: string;
-    initialProps: Record<string, never>;
+    initialProps: WarningsInitialProps;
 }
 export interface ApiModuleProps extends ApiModule {
     config: ApiUrls;
 }
 export declare const componentsLookUp: (payload: ComponentsLookUpPayload) => React.ReactElement;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Area } from '../types';
+export interface AreaListProps {
+    areas: Area[];
+    selected: string[];
+    disabled: string[];
+    onClickItem?: (id: string) => void;
+}
+export declare const AreaList: React.MemoExoticComponent<({ areas, selected, disabled, onClickItem }: AreaListProps) => import("react/jsx-runtime").JSX.Element>;

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

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

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Area } from '../types';
+export interface AssignedAreasProps {
+    assignedAreas: Area[];
+    selectedAreaIds: string[];
+    onAddClick: () => void;
+    onDeleteClick: (id: string) => void;
+    onToggleSelectArea: (id: string) => void;
+    shouldShowDistricts?: boolean;
+}
+export declare const AssignedAreas: React.FC<AssignedAreasProps>;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { MaritimeWarningItem, Area, MaritimeWarningItemAttributes } from './types';
+export interface MaritimeWarningsFormProps {
+    areas: Area[];
+    selectedAreaIds: string[];
+    warnings: MaritimeWarningItem[];
+    modified: boolean;
+    onToggleSelectArea: (id: string) => void;
+    onAddSelectedAreas: (id: string) => void;
+    onRemoveWarning: (id: string) => void;
+    onRemoveArea: (id: string) => void;
+    onAddWarning: () => void;
+    onChangeWarning: (id: string, newValues: Partial<MaritimeWarningItemAttributes>) => void;
+    onMoveWarning: (oldIndex: number, newIndex: number) => void;
+    onSubmit: () => void;
+    onClear: () => void;
+    shouldShowDistricts?: boolean;
+}
+export declare const MaritimeWarningsForm: React.FC<MaritimeWarningsFormProps>;

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

@@ -0,0 +1,9 @@
+import { StoryObj, Meta } from '@storybook/react';
+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 MaritimeWarningsFormMobileDark: Story;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { MaritimeWarningsDomain } from './types';
+export interface MaritimeWarningsFormConnectProps {
+    domain: MaritimeWarningsDomain;
+}
+export declare const MaritimeWarningsFormConnect: React.FC<MaritimeWarningsFormConnectProps>;

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

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

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

@@ -0,0 +1,11 @@
+import { StoryObj, Meta } from '@storybook/react';
+import React from 'react';
+import { MaritimeWarningsFormConnectProps } from './MaritimeWarningsFormConnect';
+declare const MaritimeWarningsFormConnectDemo: React.FC<MaritimeWarningsFormConnectProps>;
+type Story = StoryObj<typeof MaritimeWarningsFormConnectDemo>;
+declare const meta: Meta<typeof MaritimeWarningsFormConnectDemo>;
+export default meta;
+export declare const LightMode: Story;
+export declare const DarkMode: Story;
+export declare const CoastalWatersLight: Story;
+export declare const CoastalWatersDark: Story;

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Area, MaritimeWarningItem, MaritimeWarningItemAttributes } from '../types';
+export interface WarningListProps {
+    warnings: MaritimeWarningItem[];
+    onAddSelectedAreas: (id: string) => void;
+    onRemoveArea: (areaId: string) => void;
+    onRemoveWarning: (id: string) => void;
+    onChangeWarning: (id: string, newValues: Partial<MaritimeWarningItemAttributes>) => void;
+    onToggleSelectArea: (areaId: string) => void;
+    onMoveWarning: (oldIndex: number, newIndex: number) => void;
+    selectedAreaIds: string[];
+    areas: Area[];
+    shouldShowDistricts?: boolean;
+}
+export declare const WarningList: React.FC<WarningListProps>;

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Area, MaritimeWarningItem, MaritimeWarningItemAttributes } from '../types';
+export interface WarningListItemProps {
+    warning: MaritimeWarningItem;
+    areas: Area[];
+    selectedAreaIds: string[];
+    onAddClick: (id: string) => void;
+    onRemove: (id: string) => void;
+    onChange: (id: string, values: MaritimeWarningItemAttributes) => void;
+    onToggleSelectArea: (id: 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>;

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

@@ -0,0 +1,19 @@
+import { SxProps } from '@mui/material';
+import { TFunction } from 'i18next';
+import React from 'react';
+export interface WarningListSelectOption {
+    value: string;
+    label: string | ((t: TFunction) => string);
+}
+export interface WarningListSelectProps {
+    options: WarningListSelectOption[];
+    label: string;
+    value?: string;
+    onChange: (value: string) => void;
+    renderOption?: (option: WarningListSelectOption, index: number) => React.ReactNode;
+    renderValue?: (option: unknown) => React.ReactNode;
+    gridArea: string;
+    additionalStyling?: SxProps;
+    isDisabled?: boolean;
+}
+export declare const WarningListSelect: React.MemoExoticComponent<({ options, value, label, onChange, renderOption, renderValue, gridArea, additionalStyling, isDisabled, }: WarningListSelectProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare enum WindForceLevel {
+    moderate = "moderate",
+    severe = "severe",
+    extreme = "extreme"
+}
+export interface ColorDefinition {
+    color: string;
+    textColor: string;
+    borderColor: string;
+}
+export declare const windForceStyles: Record<WindForceLevel, ColorDefinition>;
+export interface WindForceOption {
+    level: WindForceLevel;
+    value: string;
+}
+export declare const WindForceSelect: React.FC<{
+    value?: string;
+    onChange: (value: string) => void;
+    gridArea: string;
+    options: WindForceOption[];
+}>;

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

@@ -0,0 +1,2 @@
+import { Area, MaritimeWarningsDomain } from './types';
+export declare const areasByDomain: Record<MaritimeWarningsDomain, Area[]>;

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

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

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

@@ -0,0 +1,5 @@
+import { WindForceOption } from './WarningList/WindForceSelect';
+import { WarningListSelectOption } from './WarningList/WarningListSelect';
+export declare const windDirections: WarningListSelectOption[];
+export declare const change: WarningListSelectOption[];
+export declare const windForce: WindForceOption[];

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

@@ -0,0 +1,15 @@
+export interface Area {
+    label: string;
+    id: string;
+}
+export interface MaritimeWarningItemAttributes {
+    windDirectionFrom?: string;
+    windForce?: string;
+    changeType?: string;
+    windDirectionTo?: string;
+}
+export interface MaritimeWarningItem extends MaritimeWarningItemAttributes {
+    id: string;
+    assignedAreaIds: string[];
+}
+export type MaritimeWarningsDomain = 'northSeaDistricts' | 'coastalWaters';

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

@@ -0,0 +1,52 @@
+import React from 'react';
+import { MaritimeWarningItem, MaritimeWarningItemAttributes } from './types';
+export declare function createWarning(): MaritimeWarningItem;
+interface State {
+    selectedAreaIds: string[];
+    warnings: MaritimeWarningItem[];
+    modified: boolean;
+}
+export declare const initialState: State;
+interface Initialize {
+    type: 'initialize';
+    warnings: MaritimeWarningItem[];
+}
+interface ToggleSelectArea {
+    type: 'toggleSelectArea';
+    id: string;
+}
+interface NewWarning {
+    type: 'newWarning';
+}
+interface AddSelectedAreasToWarning {
+    type: 'addSelectedAreasToWarning';
+    id: string;
+}
+interface RemoveWarning {
+    type: 'removeWarning';
+    id: string;
+}
+interface ChangeWarning {
+    type: 'changeWarning';
+    id: string;
+    newValues: Partial<MaritimeWarningItemAttributes>;
+}
+interface RemoveArea {
+    type: 'removeArea';
+    areaId: string;
+}
+interface ClearWarnings {
+    type: 'clearWarnings';
+}
+interface MoveWarning {
+    type: 'moveWarning';
+    oldIndex: number;
+    newIndex: number;
+}
+type Action = ToggleSelectArea | NewWarning | Initialize | AddSelectedAreasToWarning | ChangeWarning | RemoveWarning | RemoveArea | ClearWarnings | MoveWarning;
+export declare function reducer(state: State, action: Action): State;
+export declare function useMaritimeWarningsFormState(): [
+    State,
+    React.Dispatch<Action>
+];
+export {};

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

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

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

@@ -34,7 +34,7 @@ export declare enum PublicWarningStatus {
     IGNORED = "IGNORED",
     WITHDRAWN = "WITHDRAWN"
 }
-export type WarningType = 'public' | 'airmet' | 'sigmet';
+export type WarningType = 'public' | 'airmet' | 'sigmet' | 'maritimeWarningCoastal' | 'maritimeWarningNorthSea';
 interface BaseWarning {
     status?: PublicWarningStatus;
     productStatus?: ProductStatus;