@opengeoweb/shared 14.5.2 → 15.0.0

package/index.esm.js

@@ -4785,7 +4785,8 @@ var LastUpdateTime = function LastUpdateTime(_ref) {
     _ref$hideLabel = _ref.hideLabel,
     hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
     _ref$showRefreshButto = _ref.showRefreshButton,
-    showRefreshButton = _ref$showRefreshButto === void 0 ? true : _ref$showRefreshButto;
+    showRefreshButton = _ref$showRefreshButto === void 0 ? true : _ref$showRefreshButto,
+    iconButtonSx = _ref.iconButtonSx;
   var _useTranslation = useTranslation(SHARED_NAMESPACE),
     t = _useTranslation.t;
   return jsxs(Box, {
@@ -4807,13 +4808,13 @@ var LastUpdateTime = function LastUpdateTime(_ref) {
     }), showRefreshButton ? jsx(CustomIconButton, {
       "data-testid": "refresh-button",
       onClick: onPressRefresh,
-      sx: {
+      sx: [{
         marginRight: {
           xs: 2,
           sm: 1
         },
         marginLeft: 1
-      },
+      }, iconButtonSx],
       tooltipTitle: t('shared-click-to-refresh'),
       variant: "tool",
       children: jsx(Cached, {})
@@ -5205,20 +5206,35 @@ var FilterChip = function FilterChip(_ref) {
 var FilterToggleButton = function FilterToggleButton(_ref) {
   var _t, _t2;
   var isOpen = _ref.isOpen,
-    onToggle = _ref.onToggle;
+    onToggle = _ref.onToggle,
+    activeLabelFilterCount = _ref.activeLabelFilterCount;
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
   var tooltipTitle = isOpen ? (_t = t('shared-filter-hide-labels')) != null ? _t : '' : (_t2 = t('shared-filter-show-labels')) != null ? _t2 : '';
   return jsx(Tooltip, {
     title: tooltipTitle,
-    children: jsx(CustomIconButton, {
+    children: jsxs(CustomIconButton, {
       "aria-pressed": isOpen,
       "data-testid": "workspace-label-filter-toggle",
       id: "labels-filter",
-      isSelected: isOpen,
+      isSelected: isOpen || activeLabelFilterCount > 0,
       onClick: onToggle,
+      sx: {
+        '&.MuiIconButton-root': {
+          padding: activeLabelFilterCount > 0 ? '0px 22px' : '0px 4px'
+        },
+        display: 'flex',
+        alignItems: 'center'
+      },
       variant: "tool",
-      children: jsx(Filter$1, {})
+      children: [jsx(Filter$1, {}), activeLabelFilterCount > 0 && jsx(Typography, {
+        component: "span",
+        sx: {
+          fontSize: '13px',
+          pr: 0.1
+        },
+        children: activeLabelFilterCount
+      })]
     })
   });
 };
@@ -5234,7 +5250,9 @@ var FilterList = function FilterList(_ref) {
     showLabelFilterToggle = _ref$showLabelFilterT === void 0 ? false : _ref$showLabelFilterT,
     _ref$isLabelFilterOpe = _ref.isLabelFilterOpen,
     isLabelFilterOpen = _ref$isLabelFilterOpe === void 0 ? false : _ref$isLabelFilterOpe,
-    onToggleLabelFilter = _ref.onToggleLabelFilter;
+    onToggleLabelFilter = _ref.onToggleLabelFilter,
+    _ref$activeLabelFilte = _ref.activeLabelFilterCount,
+    activeLabelFilterCount = _ref$activeLabelFilte === void 0 ? 0 : _ref$activeLabelFilte;
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
   return jsxs(Stack, {
@@ -5248,6 +5266,7 @@ var FilterList = function FilterList(_ref) {
       alignItems: 'center'
     },
     children: [showLabelFilterToggle && onToggleLabelFilter ? jsx(FilterToggleButton, {
+      activeLabelFilterCount: activeLabelFilterCount,
       isOpen: isLabelFilterOpen,
       onToggle: onToggleLabelFilter
     }) : null, jsx(FilterChip, {
@@ -5339,10 +5358,12 @@ var SearchField = function SearchField(_ref3) {
   });
 };
 
-var _excluded$1 = ["filters", "onClickFilterChip", "onSearch", "isAllSelected", "searchQuery", "showLabelFilterToggle", "isLabelFilterOpen", "onToggleLabelFilter", "showSearchField"];
+var _excluded$1 = ["activeLabelFilterCount", "filters", "onClickFilterChip", "onSearch", "isAllSelected", "searchQuery", "showLabelFilterToggle", "isLabelFilterOpen", "onToggleLabelFilter", "showSearchField"];
 var DEFAULT_FILTER_HEIGHT = 85;
 var Filter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var filters = _ref.filters,
+  var _ref$activeLabelFilte = _ref.activeLabelFilterCount,
+    activeLabelFilterCount = _ref$activeLabelFilte === void 0 ? 0 : _ref$activeLabelFilte,
+    filters = _ref.filters,
     _ref$onClickFilterChi = _ref.onClickFilterChip,
     onClickFilterChip = _ref$onClickFilterChi === void 0 ? function () {} : _ref$onClickFilterChi,
     _ref$onSearch = _ref.onSearch,
@@ -5368,6 +5389,7 @@ var Filter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         value: searchQuery,
         valueChanged: onSearch
       }) : null, jsx(FilterList, {
+        activeLabelFilterCount: activeLabelFilterCount,
         filters: filters,
         isAllSelected: isAllSelected,
         isLabelFilterOpen: isLabelFilterOpen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "14.5.2",
+  "version": "15.0.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,7 +8,7 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/theme": "14.5.2",
+    "@opengeoweb/theme": "15.0.0",
     "react-draggable": "^4.4.6",
     "re-resizable": "^6.9.11",
     "lodash": "^4.17.21",

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

@@ -3,6 +3,7 @@ import React from 'react';
 import type { ListFilter } from './FilterList';
 export declare const DEFAULT_FILTER_HEIGHT = 85;
 interface FilterProps extends BoxProps {
+    activeLabelFilterCount?: number;
     filters: ListFilter[];
     onClickFilterChip?: (id: string, selected: boolean) => void;
     onSearch?: (value: string) => void;

package/src/lib/components/Filter/FilterList.d.ts

@@ -13,6 +13,7 @@ interface FilterListProps {
     showLabelFilterToggle?: boolean;
     isLabelFilterOpen?: boolean;
     onToggleLabelFilter?: () => void;
+    activeLabelFilterCount?: number;
 }
 declare const FilterList: React.FC<FilterListProps>;
 export default FilterList;

package/src/lib/components/Filter/FilterToggleButton.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 export declare const FilterToggleButton: React.FC<{
     isOpen: boolean;
     onToggle: () => void;
+    activeLabelFilterCount: number;
 }>;

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

@@ -1,3 +1,4 @@
+import type { SxProps, Theme } from '@mui/material';
 import type { TFunction } from 'i18next';
 import React from 'react';
 export declare const getLastUpdateTitle: (time: string, t: TFunction) => string;
@@ -7,6 +8,7 @@ interface LastUpdateTimeProps {
     dataTestId?: string;
     hideLabel?: boolean;
     showRefreshButton?: boolean;
+    iconButtonSx?: SxProps<Theme>;
 }
 declare const LastUpdateTime: React.FC<LastUpdateTimeProps>;
 export default LastUpdateTime;

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

@@ -26,6 +26,7 @@ export interface ConfigType {
     GW_VERSION_PROGRESS_NOTES_URL?: string;
     GW_BE_RELEASE_URL?: string;
     GW_LOCATION_BASE_URL?: string;
+    GW_KNMI_PUBLISHER_BASE_URL?: string;
     GW_FEATURE_APP_TITLE?: string;
     GW_FEATURE_FORCE_AUTHENTICATION?: boolean;
     GW_FEATURE_MODULE_SPACE_WEATHER?: boolean;