@opengeoweb/warnings 19.5.1 → 19.6.0

package/dist/src/index.d.ts

@@ -12,3 +12,4 @@ export { WARN_NAMESPACE } from './lib/utils/i18n';
 export { warningsTranslations };
 export * as publicWarningsSelectors from './lib/store/warningsFilters/selectors';
 export type * from './lib/store/types';
+export { requestHandlers as warningEndpoints } from './lib/utils/fakeApi';

package/dist/src/lib/components/AreaDrawingManager/AreaDrawingManager.d.ts

@@ -20,6 +20,10 @@ export declare const AreaDrawingManager: React.FC<{
     onClickArea?: (area: AreaListItem) => void;
     onHoverArea?: (area: AreaListItem) => void;
     onHoverAreaEnd?: () => void;
+    onHoverDrawing?: (drawing: DrawingListItem) => void;
+    onHoverDrawingEnd?: () => void;
+    onHoverDrawingFeature?: (drawing: DrawingListItem, featureIndex: number) => void;
+    onHoverDrawingFeatureEnd?: (drawing: DrawingListItem) => void;
     onEditDrawing?: (drawingId: string) => void;
     onDeleteDrawing?: (drawingId: string) => void;
     onShareDrawing?: (drawing: DrawingListItem) => void;

package/dist/src/lib/components/AreaDrawingManager/AreaDrawingManagerConnect.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import type { uiTypes } from '@opengeoweb/store';
+export declare const AREA_FILL_OPACITY = 0;
+export declare const DRAWING_FILL_OPACITY = 0.1;
+export declare const HOVER_HIGHLIGHT_FILL_OPACITY = 0.2;
 export declare const AreaDrawingManagerConnect: React.FC<{
     bounds?: string;
     source?: uiTypes.Source;

package/dist/src/lib/components/AreaDrawingManager/Drawings.d.ts

@@ -1,5 +1,7 @@
+import type { TFunction } from 'i18next';
 import type { FC } from 'react';
 import type { DrawingListItem } from '../../store/warningsDrawings/types';
+export declare const getFeatureName: (feature: GeoJSON.Feature, index: number, t: TFunction) => string;
 export declare const DEFAULT_ADD_BUTTON_HEIGHT = 80;
 export declare const DEFAULT_AREA_DRAWING_MANAGER_TAB_HEIGHT = 40;
 export declare const DEFAULT_AREA_DRAWING_MANAGER_MIN_SIZE: {
@@ -22,6 +24,10 @@ export declare const Drawings: FC<{
     onClickEdit: (drawingId: string) => void;
     onClickDelete: (drawingId: string) => void;
     onClickShare: (drawing: DrawingListItem) => void;
+    onHoverDrawing: (drawing: DrawingListItem) => void;
+    onHoverDrawingEnd: () => void;
+    onHoverDrawingFeature?: (drawing: DrawingListItem, featureIndex: number) => void;
+    onHoverDrawingFeatureEnd?: (drawing: DrawingListItem) => void;
     activeDrawing: string;
     isLoading?: boolean;
     dialogWidth?: number;

package/dist/src/lib/components/DrawingToolForm/DrawingToolForm.d.ts

@@ -18,6 +18,9 @@ export interface DrawingToolFormComponentProps {
     geoJSONProperties: GeoJSON.GeoJsonProperties;
     onChangeProperties: (properties: GeoJSON.GeoJsonProperties) => void;
     onChangeName: (name: string) => void;
+    onChangeObjectName: (featureId: string, objectName: string) => void;
+    onSelectFeature: (featureId: string) => void;
+    onDeleteFeature: (featureId: string) => void;
     onFormDirty?: (isFormDirty: boolean) => void;
     geoJSON: FeatureCollection<Geometry, GeoJsonProperties> | undefined;
 }

package/dist/src/lib/components/DrawingToolForm/DrawingToolFormContents.d.ts

@@ -1,10 +1,16 @@
 import type { SelectChangeEvent } from '@mui/material';
 import React from 'react';
-import type { FieldErrors, FieldValues } from 'react-hook-form';
+import type { FieldArrayWithId, FieldErrors, FieldValues } from 'react-hook-form';
 import type { DrawMode } from '@opengeoweb/webmap-react';
+import type { DrawingObject } from './drawingObjectUtils';
 export declare const opacityOptions: number[];
+export interface DrawingToolObjectFormValue {
+    featureId: string;
+    objectName: string;
+}
 export interface DrawingToolFormValues {
     objectName: string;
+    features: DrawingToolObjectFormValue[];
     geoJSON: GeoJSON.FeatureCollection;
     id: string;
 }
@@ -18,9 +24,14 @@ export interface DrawingToolFormContentsProps {
     isInEditMode: boolean;
     isDirty: boolean;
     errors: FieldErrors<FieldValues>;
+    drawingObjects: DrawingObject[];
+    fields: FieldArrayWithId<DrawingToolFormValues, 'features', 'id'>[];
     onChangeDrawMode: (newMode: DrawMode) => void;
     onChangeOpacity: (event: SelectChangeEvent<unknown>) => void;
     onBlurName: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocusObject: (featureId: string) => void;
+    onBlurObjectName: (featureId: string, objectName: string) => void;
+    onDeleteObject: (featureId: string) => void;
     onSubmit: () => void;
     geoJSONProperties?: GeoJSON.GeoJsonProperties;
 }

package/dist/src/lib/components/DrawingToolForm/drawingObjectUtils.d.ts

@@ -0,0 +1,40 @@
+export declare const MAX_OBJECT_NAME_LENGTH = 64;
+export interface DrawingObject {
+    featureId: string;
+    featureIndex: number;
+    objectName: string;
+    storedObjectName?: string;
+    selectionType?: string;
+}
+export declare const formatDefaultObjectName: (position: number) => string;
+export declare const getDefaultObjectNamePosition: (name: string) => number | undefined;
+/**
+ * Maps the features of a drawing to the objects shown in the form. Features
+ * without a geometry are skipped: these are placeholders for a shape which
+ * still needs to be drawn. Features without a (unique) name get a generated
+ * default name.
+ *
+ * Stored names are claimed first (round 1) so a generated default name can
+ * never steal a stored name, wherever that stored name appears in the
+ * feature array. Default names for the remaining, unclaimed features are
+ * then generated (round 2) by `getDefaultObjectName`.
+ * @param geoJSON geoJSON of the drawing
+ * @param getDefaultObjectName generates the default name for a feature
+ * @returns list of objects for the drawing
+ */
+export declare const getDrawingObjects: (geoJSON: GeoJSON.FeatureCollection | undefined, getDefaultObjectName: (featureId: string, takenNames: string[]) => string) => DrawingObject[];
+/**
+ * Checks if the passed name is already used by another object
+ * @param objectName name to check
+ * @param objectNames names of all objects
+ * @param ownIndex index of the object the name belongs to
+ * @returns true when another object uses the same name
+ */
+export declare const isDuplicateObjectName: (objectName: string, objectNames: string[], ownIndex: number) => boolean;
+/**
+ * Adds the object names of the form to the properties of the geoJSON features
+ * @param geoJSON geoJSON of the drawing
+ * @param objectNamesByFeatureId object name for every feature id
+ * @returns geoJSON including the object names
+ */
+export declare const addObjectNamesToGeoJSON: (geoJSON: GeoJSON.FeatureCollection, objectNamesByFeatureId: Record<string, string>) => GeoJSON.FeatureCollection;

package/dist/src/lib/components/DrawingToolForm/useSelectDrawFeature.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Selects a single feature of a feature layer and puts it in edit mode, the same
+ * way as clicking the feature on the map does.
+ * @param layerId id of the feature layer
+ * @returns callback to select a feature by its feature id
+ */
+export declare const useSelectDrawFeature: (layerId?: string) => ((featureId: string) => void);

package/dist/src/lib/components/FilterList/filter-hooks.d.ts

@@ -1,4 +1,4 @@
-import type { defaultDomainFilter, defaultPhenomenonFilter, TimeFilter } from './filter-utils';
+import type { defaultAreaFilter, defaultDomainFilter, defaultPhenomenonFilter, TimeFilter, defaultAreaFilter as fallbackAreaFilter } from './filter-utils';
 import { AllPhenomenaKeys, defaultEmptyFilter, defaultLevelFilter, Domain } from './filter-utils';
 import type { Warning } from '../../store/warningsForm/types';
 export interface PickedFilterState {
@@ -6,6 +6,7 @@ export interface PickedFilterState {
     domain: Partial<typeof defaultDomainFilter>;
     phenomenon: Partial<typeof defaultPhenomenonFilter>;
     level: Partial<typeof defaultLevelFilter>;
+    area: Partial<typeof defaultAreaFilter>;
     time: TimeFilter;
 }
 export interface FilterState extends PickedFilterState {
@@ -13,6 +14,7 @@ export interface FilterState extends PickedFilterState {
     domain: typeof defaultDomainFilter;
     phenomenon: typeof defaultPhenomenonFilter;
     level: typeof defaultLevelFilter;
+    area: typeof fallbackAreaFilter;
     time: TimeFilter;
 }
 export type FilterKeyType = keyof FilterState;
@@ -26,6 +28,7 @@ export interface FilterHookState {
     filterState: PickedFilterState;
     timeFilter: TimeFilter;
 }
+export declare const getWarningDomain: (warning: Warning) => Domain;
 export declare const getPhenomenaForDomainFilter: (domainFilter: Record<Domain, boolean>) => (keyof typeof AllPhenomenaKeys)[];
 export declare const createWarningFilterPredicate: (warnings: Warning[], savedFilterState: FilterState) => ((warning: Warning) => boolean);
 export declare const useWarningFilters: (warnings: Warning[], onUpdateFilters: (filterState: Partial<FilterState>, systemUpdate?: boolean) => void, savedFilterState: FilterState, presetFilterState?: PickedFilterState) => FilterHookState;

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

@@ -27,6 +27,7 @@ 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 defaultAreaFilter: Record<string, boolean>;
 export declare const makeFilterFromList: <T extends string>(options: T[], value?: boolean) => Record<T | "unspecified", boolean>;
 declare const AllPhenomena: {
     readonly wind: Phenomenon.wind;
@@ -87,6 +88,7 @@ export declare const updateState: <T extends string>(state: 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 getFiltersFromWarnings: (warnings: Warning[], filterKey: string) => string[];
+export declare const getAreasFromWarnings: (warnings: Warning[]) => string[];
 export declare enum TimeFilterMode {
     all = "all",
     today = "today",
@@ -106,6 +108,7 @@ export declare const initialFilters: {
     domain: Record<Domain, boolean>;
     phenomenon: Record<string, boolean>;
     level: Record<"unspecified" | Level, boolean>;
+    area: Record<string, boolean>;
     time: TimeFilter;
 };
 export {};

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

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

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

@@ -15,4 +15,4 @@ export interface WarningListItemProps {
     maritimeConfig: MaritimeWarningsConfig;
     domain: MaritimeWarningsDomain;
 }
-export declare const WarningListItem: React.MemoExoticComponent<({ warning, areas, selectedAreaIds, onAddClick, onRemove, onChange, onToggleSelectArea, onSelectMultipleAreas, onRemoveArea, isReadOnly, shouldShowDistricts, maritimeConfig, domain, }: WarningListItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WarningListItem: React.MemoExoticComponent<({ warning, areas, selectedAreaIds, onAddClick, onRemove, onChange, onToggleSelectArea, onSelectMultipleAreas, onRemoveArea, isReadOnly, shouldShowDistricts, maritimeConfig, domain, }: WarningListItemProps) => React.JSX.Element>;

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

@@ -18,4 +18,4 @@ export interface WarningListSelectProps {
     emptyMessage?: string;
     validationResult?: true | 'error' | 'warning';
 }
-export declare const WarningListSelect: React.MemoExoticComponent<({ options, value, label, onChange, renderOption, renderValue, gridArea, additionalStyling, isReadOnly, emptyMessage, validationResult, }: WarningListSelectProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WarningListSelect: React.MemoExoticComponent<({ options, value, label, onChange, renderOption, renderValue, gridArea, additionalStyling, isReadOnly, emptyMessage, validationResult, }: WarningListSelectProps) => React.JSX.Element>;

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

@@ -6,6 +6,7 @@ interface WarningsClientProviderProps {
     children: React.ReactNode;
     optionalQueryClient?: QueryClient;
 }
+export declare const WarningsClientProvider: React.FC<WarningsClientProviderProps>;
 export interface WarningsThemeProviderProps extends WarningsClientProviderProps {
     theme?: Theme;
 }

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

@@ -5,5 +5,6 @@ export interface PublicWarningListConnectProps {
     panelId: string;
     presetFilterState?: PickedFilterState;
     presetExpandedSections?: ExpandedWarningSections;
+    onPreventCloseView?: (shouldPreventClose: boolean) => void;
 }
 export declare const PublicWarningListConnect: React.FC<PublicWarningListConnectProps>;

package/dist/src/lib/components/WarningEvents/WarningEventDialog/index.d.ts

@@ -5,3 +5,4 @@ export type { WarningEventDialogProps } from './WarningEventDialog';
 export { WarningEventDialogConnect } from './WarningEventDialogConnect';
 export type { WarningEventDialogConnectProps } from './WarningEventDialogConnect';
 export { useWarningEventActions } from './utils';
+export { useCloseWarningEventDialogOnUnmount } from './useCloseWarningEventDialogOnUnmount';

package/dist/src/lib/components/WarningEvents/WarningEventDialog/useCloseWarningEventDialogOnUnmount.d.ts

@@ -0,0 +1 @@
+export declare const useCloseWarningEventDialogOnUnmount: (panelId: string) => void;

package/dist/src/lib/components/WarningEvents/WarningEventForm/DaySelector/DaySelector.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DayRange } from './daySelectorUtils';
+export interface DaySelectorProps {
+    selectedDays: DayRange;
+    onChange: (range: DayRange | null) => void;
+    isDisabled?: boolean;
+    now?: Date;
+}
+export declare const DaySelector: React.FC<DaySelectorProps>;

package/dist/src/lib/components/WarningEvents/WarningEventForm/DaySelector/daySelectorUtils.d.ts

@@ -0,0 +1,15 @@
+export type DayRange = [number, number];
+export declare const CHIP_SIZE = 32;
+export declare const dayOptions: {
+    label: string;
+    value: number;
+}[];
+export declare const MIN_DAY: number;
+export declare const MAX_DAY: number;
+export declare const clampDay: (day: number) => number;
+export declare const normaliseRange: (anchor: number, focus: number) => DayRange;
+export declare const isSameRange: (range: DayRange, other: DayRange) => boolean;
+export declare const isDayInRange: (day: number, range: DayRange) => boolean;
+export declare const resolveDayFromClientX: (clientX: number, containerLeft: number, chipSize?: number) => number;
+export declare const getNextFocus: (focus: number, key: string) => number | null;
+export declare const getDateForDay: (day: number, now: Date) => Date;

package/dist/src/lib/components/WarningEvents/WarningEventForm/DaySelector/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DaySelector';
+export * from './daySelectorUtils';

package/dist/src/lib/components/WarningEvents/WarningEventForm/DaySelector/useDaySelection.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { DayRange } from './daySelectorUtils';
+export interface UseDaySelectionParams {
+    selectedDays: DayRange;
+    onChange: (range: DayRange | null) => void;
+    isDisabled?: boolean;
+}
+export interface UseDaySelectionResult {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    focusedDay: number;
+    previewRange: DayRange | null;
+    onPointerDown: (day: number, event: React.PointerEvent) => void;
+    onPointerMove: (event: React.PointerEvent) => void;
+    onPointerUp: (event: React.PointerEvent) => void;
+    onPointerCancel: (event: React.PointerEvent) => void;
+    onKeyDown: (day: number, event: React.KeyboardEvent) => void;
+    onChipFocus: (day: number) => void;
+}
+export declare const useDaySelection: ({ selectedDays, onChange, isDisabled, }: UseDaySelectionParams) => UseDaySelectionResult;

package/dist/src/lib/components/WarningEvents/WarningEventForm/WarningEventTimeline/WarningEventTimeline.d.ts

@@ -11,6 +11,7 @@ export interface WarningEventTimelineProps {
     status?: PublicWarningStatus;
     now?: Date;
     isCompact?: boolean;
+    isActive?: boolean;
     editing?: TimelineEditing;
 }
 interface AxisIntervals {
@@ -18,4 +19,5 @@ interface AxisIntervals {
     labelHours: number;
 }
 export declare const getAxisIntervals: (rangeDays: number) => AxisIntervals;
+export declare const formatDayHeader: (date: Date) => string;
 export declare const WarningEventTimeline: React.FC<WarningEventTimelineProps>;

package/dist/src/lib/components/WarningEvents/WarningEventForm/WarningEventTimeline/WarningEventTimelineBlock.d.ts

@@ -15,6 +15,7 @@ interface WarningEventTimelineBlockProps {
     level: string;
     status?: PublicWarningStatus;
     isCompact?: boolean;
+    isActive?: boolean;
     editing?: TimelineEditing;
 }
 export declare const WarningEventTimelineBlock: React.FC<WarningEventTimelineBlockProps>;

package/dist/src/lib/components/WarningEvents/WarningEventForm/WarningEventTimeline/WarningEventTimelineBlockControls.d.ts

@@ -10,6 +10,7 @@ interface WarningEventTimelineBlockControlsProps {
     maxPickerDate: Date;
     editing: TimelineEditing;
     showEditAffordances: boolean;
+    isActive?: boolean;
 }
 export declare const WarningEventTimelineBlockControls: React.FC<WarningEventTimelineBlockControlsProps>;
 export {};

package/dist/src/lib/components/WarningEvents/WarningEventForm/types.d.ts

@@ -4,14 +4,12 @@ export declare const warningEventTypes: {
     translationKey: string;
     key: WarningEventType;
     defaultDayRange: [number, number];
-    minSelectableDay: number;
 }[];
 export declare const warningEventModes: {
     translationKey: string;
     key: WarningEventMode;
 }[];
 export declare const getDefaultDayRangeForType: (type: WarningEventType) => [number, number];
-export declare const getMinSelectableDayForType: (type: WarningEventType) => number;
 export declare const getDefaultWarningTimes: (type: WarningEventType, now?: Date) => {
     validFrom: string;
     validUntil: string;

package/dist/src/lib/components/WarningEvents/WarningEventForm/utils.d.ts

@@ -1,11 +1,22 @@
+import type { FieldValues, FormState } from 'react-hook-form';
 import type { Area, WarningEventBody, WarningEvent } from '../../../store/warningsForm/types';
 import { PublicWarningStatus } from '../../../store/warningsForm/types';
 interface FormData extends WarningEvent {
     IS_DRAFT?: boolean | string;
 }
 export declare const buildSubmitValues: (values: FormData) => WarningEvent;
+export declare const sortWarningsByActivity: (warnings: WarningEventBody[]) => WarningEventBody[];
 export declare const getFormData: (warningsEvent: WarningEvent | undefined) => FormData;
 export declare const constructWarningWithNewStatus: (warningsEvent: WarningEvent, status: PublicWarningStatus) => WarningEventBody[];
+export declare const isWarningActive: (formState: FormState<FieldValues>, linkedWarningId: string) => boolean;
+export declare const hasWarningStarted: (warning: Pick<WarningEventBody, "validFrom">) => boolean;
+export declare const isWarningFinalised: (warning: Pick<WarningEventBody, "status">) => boolean;
+export declare const getEventStatusActions: (warnings: WarningEventBody[]) => {
+    canExpire: boolean;
+    canWithdraw: boolean;
+    hasPendingWarnings: boolean;
+};
+export declare const getWarningStatusesForEventAction: (warnings: WarningEventBody[], action: PublicWarningStatus.EXPIRED | PublicWarningStatus.WITHDRAWN) => (PublicWarningStatus | undefined)[];
 export declare const doAreasOverlap: (areasA?: Area[], areasB?: Area[]) => boolean;
 export declare const doTimeRangesOverlap: (aFrom: string, aUntil: string, bFrom: string, bUntil: string) => boolean;
 export declare const doWarningsOverlap: (warningA: WarningEventBody, warningB: WarningEventBody) => boolean;

package/dist/src/lib/components/WarningsTimeline/WarningBlock.d.ts

@@ -8,5 +8,5 @@ interface WarningBlockProps {
     top: number;
     width: number;
 }
-export declare const WarningBlock: React.MemoExoticComponent<({ warning, highlighted, left, onHoverWarning, top, width, }: WarningBlockProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WarningBlock: React.MemoExoticComponent<({ warning, highlighted, left, onHoverWarning, top, width, }: WarningBlockProps) => React.JSX.Element>;
 export {};

package/dist/src/lib/components/WarningsTimeline/WarningsTimelineLayers.d.ts

@@ -28,6 +28,6 @@ interface WarningBlocksLayerProps {
     warningBlocks: WarningLayout[];
 }
 export declare const TimelineBackground: React.FC<TimelineBackgroundProps>;
-export declare const WarningBlocksLayer: React.MemoExoticComponent<({ warningBlocks, hoveredWarningId, onHoverWarning, }: WarningBlocksLayerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WarningBlocksLayer: React.MemoExoticComponent<({ warningBlocks, hoveredWarningId, onHoverWarning, }: WarningBlocksLayerProps) => React.JSX.Element>;
 export declare const TimelineTimeBar: React.FC<TimelineTimeBarProps>;
 export {};

package/dist/src/lib/store/warningsFilters/reducer.d.ts

@@ -10,6 +10,7 @@ export declare const initialWarningFilterPanelState: {
     domain: Record<import("../../components/FilterList/filter-utils").Domain, boolean>;
     phenomenon: Record<string, boolean>;
     level: Record<"unspecified" | import("../../components/FilterList/filter-utils").Level, boolean>;
+    area: Record<string, boolean>;
     time: import("../../components/FilterList/filter-utils").TimeFilter;
 };
 export declare const initialState: WarningsFiltersState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "19.5.1",
+  "version": "19.6.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {