@opengeoweb/shared 9.27.1 → 9.28.0

package/index.esm.js

@@ -6805,10 +6805,13 @@ const CustomAccordion = _a => {
       transitionDuration = 150,
       detailsSx,
       CustomExpandIcon,
-      children
+      children,
+      amountOfItems
     } = _a,
-    props = __rest(_a, ["title", "defaultExpanded", "disableGutters", "expandedElevation", "collapsedElevation", "transitionDuration", "detailsSx", "CustomExpandIcon", "children"]);
+    props = __rest(_a, ["title", "defaultExpanded", "disableGutters", "expandedElevation", "collapsedElevation", "transitionDuration", "detailsSx", "CustomExpandIcon", "children", "amountOfItems"]);
   const [expanded, setExpanded] = React.useState(defaultExpanded);
+  const theme = useTheme();
+  const iconColor = theme.palette.geowebColors.buttons.icon.default.color;
   return jsxs(Accordion, Object.assign({}, props, {
     defaultExpanded: defaultExpanded,
     elevation: expanded ? expandedElevation : collapsedElevation,
@@ -6819,9 +6822,40 @@ const CustomAccordion = _a => {
     }
   }, {
     children: [jsx(AccordionSummary, Object.assign({
-      expandIcon: CustomExpandIcon ? jsx(CustomExpandIcon, {}) : jsx(ChevronDown, {})
+      expandIcon: CustomExpandIcon ? jsx(CustomExpandIcon, {
+        style: {
+          fill: `${iconColor}`
+        }
+      }) : jsx(ChevronDown, {
+        style: {
+          fill: `${iconColor}`
+        }
+      })
     }, {
-      children: title
+      children: jsxs(Box, Object.assign({
+        sx: {
+          display: 'flex',
+          justifyContent: 'space-between',
+          width: '100%'
+        }
+      }, {
+        children: [jsx(Box, Object.assign({
+          sx: {
+            display: 'flex',
+            justifyContent: 'flex-start'
+          }
+        }, {
+          children: title
+        })), amountOfItems ? jsx(Box, Object.assign({
+          sx: {
+            display: 'flex',
+            justifyContent: 'flex-end',
+            marginRight: '15px'
+          }
+        }, {
+          children: amountOfItems
+        })) : null]
+      }))
     })), jsx(AccordionDetails, Object.assign({
       sx: detailsSx
     }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "9.27.1",
+  "version": "9.28.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -20,7 +20,7 @@
     "@reduxjs/toolkit": "^1.9.7",
     "react-i18next": "^14.1.2",
     "i18next": "^23.11.5",
-    "@mui/material": "^5.16.0",
+    "@mui/material": "^6.1.1",
     "@sentry/react": "^7.109.0"
   },
   "peerDependencies": {

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

@@ -7,5 +7,6 @@ export interface CustomAccordionProps extends Omit<AccordionProps, 'title'> {
     transitionDuration?: number;
     detailsSx?: SxProps<Theme>;
     CustomExpandIcon?: React.ElementType;
+    amountOfItems?: number;
 }
 export declare const CustomAccordion: React.FC<CustomAccordionProps>;

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

@@ -20,6 +20,8 @@ export interface ConfigType {
     GW_PRESET_BACKEND_URL?: string;
     GW_CAP_BASE_URL?: string;
     GW_DRAWINGS_BASE_URL?: string;
+    GW_TECHNICAL_RELEASE_NOTES_URL?: string;
+    GW_VERSION_PROGRESS_NOTES_URL?: string;
     GW_FEATURE_APP_TITLE?: string;
     GW_FEATURE_FORCE_AUTHENTICATION?: boolean;
     GW_FEATURE_MODULE_SPACE_WEATHER?: boolean;