@opengeoweb/warnings 9.29.1 → 9.30.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
-import { Polygons, Share, ExitDomain, Edit, Delete, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, DrawPolygon, Visibility, Add, breakpoints, Close, Options, Copy, Success, Expire, Remove } from '@opengeoweb/theme';
+import { Polygons, Share, ExitDomain, Edit, Delete, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, DrawPolygon, Visibility, Add, breakpoints, Close, Options, ChevronDown, ChevronUp, Copy, Success, Expire, Remove } from '@opengeoweb/theme';
 import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, mapStoreActions, drawtoolActions, layerActions, useSetupDialog } from '@opengeoweb/store';
 import { defaultPolygon, emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, MapView, MapViewLayer, defaultLayers, getFeatureExtent } from '@opengeoweb/webmap-react';
 import { SHARED_NAMESPACE, useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, CustomToggleButton, Filter, getPosition, FilterChip, FilterListItem, FilterLabel, StatusTag, LastUpdateTime, ErrorBoundary, pollingIntervalTimeout, isAxiosError as isAxiosError$1 } from '@opengeoweb/shared';
@@ -14338,12 +14338,15 @@ const FilterList = ({
   }));
 };
 
+const HEADER_SIZE = 32;
 const WarningListItemSeperator = _a => {
   var {
       totalWarnings,
-      status
+      status,
+      isExpanded,
+      onClick
     } = _a,
-    props = __rest(_a, ["totalWarnings", "status"]);
+    props = __rest(_a, ["totalWarnings", "status", "isExpanded", "onClick"]);
   const {
     t
   } = useWarningsTranslation();
@@ -14361,15 +14364,28 @@ const WarningListItemSeperator = _a => {
   };
   const headerText = `${totalWarnings} ${getStatus(status)}`;
   return jsx(ListItem, Object.assign({}, props, {
+    sx: {
+      height: HEADER_SIZE,
+      padding: 0
+    },
     "aria-label": `warninglist ${status}`
   }, {
-    children: jsx(Typography, Object.assign({
-      variant: "caption",
+    children: jsxs(ListItemButton, Object.assign({
       sx: {
-        opacity: 0.67
-      }
+        height: HEADER_SIZE,
+        padding: 0
+      },
+      onClick: onClick
     }, {
-      children: headerText
+      children: [isExpanded ? jsx(ChevronDown, {}) : jsx(ChevronUp, {}), jsx(Typography, Object.assign({
+        variant: "caption",
+        sx: {
+          opacity: 0.67,
+          marginLeft: 1
+        }
+      }, {
+        children: headerText
+      }))]
     }))
   }));
 };
@@ -15085,19 +15101,31 @@ const PublicWarningList = ({
     byFilterState
   } = useWarningFilters();
   const sortedWarnings = sortWarningsOnStatus(_warnings.filter(byFilterState));
+  const [expandedSections, setExpandedSections] = React__default.useState({
+    TODO: true,
+    DRAFT: true,
+    PUBLISHED: true,
+    EXPIRED: true
+  });
+  const toggleExpand = (shouldToggle, status) => {
+    setExpandedSections(Object.assign(Object.assign({}, expandedSections), {
+      [status]: shouldToggle
+    }));
+    resetListIndex();
+  };
   const items = [{
     status: PublicWarningStatus.TODO,
     totalWarnings: sortedWarnings.todo.length
-  }, ...sortedWarnings.todo, {
+  }, ...(expandedSections.TODO ? sortedWarnings.todo : []), {
     status: PublicWarningStatus.DRAFT,
     totalWarnings: sortedWarnings.draft.length
-  }, ...sortedWarnings.draft, {
+  }, ...(expandedSections.DRAFT ? sortedWarnings.draft : []), {
     status: PublicWarningStatus.PUBLISHED,
     totalWarnings: sortedWarnings.published.length
-  }, ...sortedWarnings.published, {
+  }, ...(expandedSections.PUBLISHED ? sortedWarnings.published : []), {
     status: PublicWarningStatus.EXPIRED,
     totalWarnings: sortedWarnings.expired.length
-  }, ...sortedWarnings.expired];
+  }, ...(expandedSections.EXPIRED ? sortedWarnings.expired : [])];
   const getItemSize = (index, width) => {
     const item = items[index];
     if (item.totalWarnings !== undefined) {
@@ -15310,7 +15338,11 @@ const PublicWarningList = ({
               return jsx(WarningListItemSeperator, {
                 status: header.status,
                 totalWarnings: header.totalWarnings,
-                style: style
+                style: style,
+                isExpanded: expandedSections[warning.status],
+                onClick: () => {
+                  toggleExpand(!expandedSections[header.status], header.status);
+                }
               }, key);
             }
             const publicWarning = warning;

package/package.json

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

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

@@ -1,16 +1,10 @@
 import React from 'react';
 import { PublicWarning } from '../../store/publicWarningForm/types';
 import { WarningListFilter } from '../../store/publicWarnings/types';
-interface WarningStatusProps {
+import { WarningListItemActions } from './WarningListItemMenu';
+interface PublicWarningListProps extends WarningListItemActions {
     warnings: PublicWarning[];
     onSelectWarning?: (warning: PublicWarning) => void;
-    onEditWarning?: (warning: PublicWarning) => void;
-    onDeleteWarning?: (warningId: string, warningEditor?: string) => void;
-    onDeleteReviewWarning?: (warning: PublicWarning) => void;
-    onExpireWarning?: (warning: PublicWarning) => void;
-    onWithdrawWarning?: (warning: PublicWarning) => void;
-}
-export declare const PublicWarningList: React.FC<{
     isLoading?: boolean;
     error?: Error;
     selectedPublicWarningId?: string;
@@ -20,5 +14,6 @@ export declare const PublicWarningList: React.FC<{
     filters?: WarningListFilter[];
     onClickAllChip?: (isChecked: boolean) => void;
     isAllChipSelected?: boolean;
-} & WarningStatusProps>;
+}
+export declare const PublicWarningList: React.FC<PublicWarningListProps>;
 export default PublicWarningList;

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

@@ -7,3 +7,4 @@ export declare const PublicWarningListLight: () => React.ReactElement;
 export declare const PublicWarningListError: () => React.ReactElement;
 export declare const PublicWarningListErrorDeleteWarning: () => React.ReactElement;
 export declare const PublicWarningListDifferentEditors: () => React.ReactElement;
+export declare const PublicWarningListExtraLongList: () => React.ReactElement;

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

@@ -1,17 +1,11 @@
 import React from 'react';
 import { ListItemProps } from '@mui/material';
 import { PublicWarning } from '../../store/publicWarningForm/types';
-interface WarningStatusProps extends ListItemProps {
+import { WarningListItemActions } from './WarningListItemMenu';
+export interface WarningListItemProps extends ListItemProps, WarningListItemActions {
     warning: PublicWarning;
+    activeWarningId: string;
     onSelectWarning?: (warning: PublicWarning) => void;
-    onEditWarning?: (warning: PublicWarning) => void;
-    onDeleteWarning?: (warningId: string, warningEditor?: string) => void;
-    onDeleteReviewWarning?: (warning: PublicWarning) => void;
-    onExpireWarning?: (warning: PublicWarning) => void;
-    onWithdrawWarning?: (warning: PublicWarning) => void;
 }
-declare const WarningListItem: React.FC<{
-    warning: PublicWarning;
-    activeWarningId: string;
-} & WarningStatusProps>;
+declare const WarningListItem: React.FC<WarningListItemProps>;
 export default WarningListItem;

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

@@ -1,13 +1,15 @@
 import { MenuItemType } from '@opengeoweb/shared';
 import { TFunction } from 'i18next';
 import { PublicWarning } from '../../store/publicWarningForm/types';
-interface WarningListItemMenuProps {
-    warning: PublicWarning;
+export interface WarningListItemActions {
     onEditWarning?: (warning: PublicWarning) => void;
     onDeleteWarning?: (warningId: string, warningEditor?: string) => void;
     onDeleteReviewWarning?: (warning: PublicWarning) => void;
     onExpireWarning?: (warning: PublicWarning) => void;
     onWithdrawWarning?: (warning: PublicWarning) => void;
+}
+interface WarningListItemMenuProps extends WarningListItemActions {
+    warning: PublicWarning;
     t: TFunction;
 }
 declare const WarningListItemMenu: ({ warning, onEditWarning, onDeleteWarning, onDeleteReviewWarning, onExpireWarning, onWithdrawWarning, t, }: WarningListItemMenuProps) => MenuItemType[];

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

@@ -4,5 +4,6 @@ import { PublicWarningStatus } from '../../store/publicWarningForm/types';
 declare const WarningListItemSeperator: React.FC<{
     totalWarnings: number;
     status: PublicWarningStatus;
+    isExpanded: boolean;
 } & ListItemProps>;
 export default WarningListItemSeperator;