@opengeoweb/shared 8.2.0 → 8.3.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { useRef, useContext } from 'react';
-import { Box, Typography, Tooltip, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, CircularProgress, Alert, AlertTitle, useTheme, Drawer, Link, Avatar as Avatar$1, Paper, ClickAwayListener, MenuList, MenuItem, Grid, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Slider, ToggleButton, Menu, ListSubheader, ListItemIcon, Select, Accordion, AccordionSummary, AccordionDetails, FormLabel, Switch } from '@mui/material';
+import { Box, Typography, Tooltip, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, CircularProgress, Alert, AlertTitle, useTheme, Drawer, Link, Avatar as Avatar$1, Paper, ClickAwayListener, MenuList, MenuItem, Grid, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Slider, ToggleButton, Menu, ListSubheader, ListItemText, ListItemIcon, Select, Accordion, AccordionSummary, AccordionDetails, FormLabel, Switch } from '@mui/material';
 import { Close, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Resize, useThemeContext, DragHandle, ArrowLeft, ArrowRight, KeyOption, ArrowUp, ArrowDown, KeyCommand, Options, ChevronDown } from '@opengeoweb/theme';
 import require$$2, { flushSync } from 'react-dom';
 import { parseISO, parse, format, isEqual, add as add$1, sub as sub$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1, getUnixTime, set as set$1 } from 'date-fns';
@@ -22403,7 +22403,8 @@ var ToolFooter = function ToolFooter() {
       textAlign: 'right',
       height: 18,
       zIndex: 1
-    }
+    },
+    role: "contentinfo"
   });
 };
 
@@ -22500,7 +22501,9 @@ var ToolHeader = function ToolHeader(_ref) {
       backgroundColor: 'geowebColors.background.surface',
       zIndex: 2,
       cursor: isDraggable ? 'move' : null
-    }
+    },
+    role: "heading",
+    "aria-label": "toolheader"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     alignItems: "center",
@@ -22539,7 +22542,8 @@ var ToolHeader = function ToolHeader(_ref) {
     sx: {
       fontSize: styles.fontSize,
       fontWeight: styles.fontWeight
-    }
+    },
+    role: "heading"
   }, title), size === 'xxs' && /*#__PURE__*/React__default.createElement(CustomIconButton, {
     "data-testid": "dragBtn-xxs",
     disableRipple: true,
@@ -22958,7 +22962,8 @@ var DraggableComponent = function DraggableComponent(_a) {
       }
     }),
     ref: nodeRef,
-    className: "toolContainerDraggable"
+    className: "toolContainerDraggable",
+    role: "dialog"
   }, /*#__PURE__*/React__default.createElement(ResizeComponent, Object.assign({}, props, {
     size: size,
     setSize: setSize,
@@ -23517,7 +23522,16 @@ var CustomSlider = function CustomSlider(_a) {
     sx: sliderStyle,
     ref: element,
     value: value,
-    orientation: orientation
+    orientation: orientation,
+    role: "slider",
+    slotProps: {
+      thumb: {
+        role: 'button'
+      },
+      mark: {
+        role: 'listitem'
+      }
+    }
   }, props));
 };
 
@@ -23675,14 +23689,31 @@ var ToggleMenu = function ToggleMenu(_ref) {
   }, menuTitle)), menuItems && menuItems.length ? menuItems.map(function (menuItem) {
     var text = menuItem.text,
       icon = menuItem.icon,
-      action = menuItem.action;
+      action = menuItem.action,
+      isDisabled = menuItem.isDisabled;
     return /*#__PURE__*/React$1.createElement(MenuItem, {
       key: text,
       onClick: function onClick(event) {
         action(event);
         handleClose(event);
+      },
+      disabled: isDisabled
+    }, /*#__PURE__*/React$1.createElement(Grid, {
+      container: true,
+      spacing: 2,
+      justifyContent: "space-between"
+    }, /*#__PURE__*/React$1.createElement(Grid, {
+      item: true
+    }, /*#__PURE__*/React$1.createElement(ListItemText, null, text)), icon && /*#__PURE__*/React$1.createElement(Grid, {
+      item: true,
+      alignItems: "flex-end"
+    }, /*#__PURE__*/React$1.createElement(ListItemIcon, {
+      sx: {
+        '&.MuiListItemIcon-root': {
+          minWidth: '24px'
+        }
       }
-    }, icon && /*#__PURE__*/React$1.createElement(ListItemIcon, null, icon), /*#__PURE__*/React$1.createElement(Typography, null, text));
+    }, icon))));
   }) : /*#__PURE__*/React$1.createElement("div", null) // Needed to make the menu work without any menuItems
   , children));
 };
@@ -24973,7 +25004,8 @@ var SearchHighlight = function SearchHighlight(_ref) {
     })) {
       return /*#__PURE__*/React__default.createElement("mark", {
         key: key,
-        style: highlightStyle
+        style: highlightStyle,
+        "data-testid": "mark"
       }, part);
     }
     return /*#__PURE__*/React__default.createElement("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,7 +13,7 @@
   "dependencies": {},
   "peerDependencies": {
     "@mui/material": "5.12.0",
-    "@opengeoweb/theme": "8.2.0",
+    "@opengeoweb/theme": "8.3.0",
     "@redux-eggs/core": "2.2.0",
     "@reduxjs/toolkit": "1.9.5",
     "axios": "1.5.0",

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

@@ -3,10 +3,6 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const AlertBannersGWTheme: {
-    (): React.ReactElement;
-    storyName: string;
-};
 export declare const AlertBannersLight: {
     (): React.ReactElement;
     storyName: string;

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

@@ -3,10 +3,6 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const StatusTagsGWTheme: {
-    (): React.ReactElement;
-    storyName: string;
-};
 export declare const StatusTagsLight: {
     (): React.ReactElement;
     storyName: string;

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

@@ -10,6 +10,7 @@ type MenuItemType = {
     text: string;
     action: (event: React.MouseEvent) => void;
     icon?: React.ReactNode;
+    isDisabled?: boolean;
 };
 interface ToggleMenuProps {
     buttonTestId?: string;