@opengeoweb/shared 19.3.0 → 19.4.0

package/dist/index.esm.js

@@ -5,7 +5,7 @@ import { initReactI18next, useTranslation } from 'react-i18next';
 import React, { useRef, useEffect, useState, Component } from 'react';
 import Draggable from 'react-draggable';
 import { Resizable } from 're-resizable';
-import { Resize, BORDER_RADIUS, Options, Close, ChevronLeft, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Admin, useThemeContext, ThemeTypes, ArrowLeft, ArrowRight, KeyOption, ArrowUp, ArrowDown, KeyCommand, ChevronDown, Search, Clear, Cached, Filter as Filter$1 } from '@opengeoweb/theme';
+import { Resize, BORDER_RADIUS, Options, Close, ChevronLeft, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Admin, useThemeContext, ThemeTypes, ArrowLeft, ArrowRight, KeyOption, ArrowUp, ArrowDown, KeyCommand, ChevronDown, Search, Clear, Cached, Filter as Filter$1, Menu as Menu$1 } from '@opengeoweb/theme';
 import { throttle, isEqual, merge, escapeRegExp, debounce } from 'lodash';
 import { add as add$1, startOfDay, addMinutes, addHours, format, differenceInDays as differenceInDays$1, differenceInHours as differenceInHours$1, differenceInMinutes as differenceInMinutes$1, differenceInMonths as differenceInMonths$1, differenceInSeconds as differenceInSeconds$1, differenceInYears as differenceInYears$1, fromUnixTime, getHours as getHours$1, isAfter as isAfter$1, isBefore as isBefore$1, isEqual as isEqual$1, isValid as isValid$1, parseISO, roundToNearestMinutes as roundToNearestMinutes$1, set as set$1, setSeconds as setSeconds$1, parse, sub as sub$1, getUnixTime, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
 import { fi as fi$1, nl as nl$1, nb, enGB } from 'date-fns/locale';
@@ -5240,6 +5240,38 @@ var FilterOption = function FilterOption(_ref) {
   });
 };
 
+var LegendToggleButton = function LegendToggleButton(_ref) {
+  var isLegendVisible = _ref.isLegendVisible,
+    onToggle = _ref.onToggle,
+    showTooltipText = _ref.showTooltipText,
+    hideTooltipText = _ref.hideTooltipText,
+    legendLabel = _ref.legendLabel,
+    sx = _ref.sx;
+  return jsx(CustomTooltip, {
+    title: isLegendVisible ? hideTooltipText : showTooltipText,
+    children: jsxs(CustomToggleButton, {
+      "aria-label": isLegendVisible ? hideTooltipText : showTooltipText,
+      onClick: onToggle,
+      selected: isLegendVisible,
+      size: "small",
+      sx: [{
+        height: '10px !important',
+        '& span': {
+          fontSize: '9pt',
+          whiteSpace: 'nowrap',
+          textOverflow: 'ellipsis',
+          overflow: 'hidden'
+        }
+      }].concat(Array.isArray(sx) ? sx : [sx]),
+      variant: "tool",
+      children: [jsx(Menu$1, {}), jsx("span", {
+        className: "longText",
+        children: legendLabel
+      })]
+    })
+  });
+};
+
 var _excluded = ["isDark", "children", "sx"];
 var StorybookDocsWrapper = function StorybookDocsWrapper(_ref) {
   var _ref$isDark = _ref.isDark,
@@ -6495,4 +6527,4 @@ var SystemScope = {
   plugin: 'plugin'
 };
 
-export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationButtons, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomDialogHeader, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, SessionStorageKey, StatusTag, StorybookDocsWrapper, StyledSelect, SwitchButton, SystemScope, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, index$1 as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAuthError, isAxiosAuthError, isAxiosError, loadAllTranslations, pollingIntervalTimeout, index as referenceTimeUtils, renderCounter, safelyInitI18nForTestsAndStories, sessionStorageProvider, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useResizeObserver, useScrollingInIsolation, useUserMenu, useWheelStopPropagation };
+export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationButtons, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomDialogHeader, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, LegendToggleButton, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, SessionStorageKey, StatusTag, StorybookDocsWrapper, StyledSelect, SwitchButton, SystemScope, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, index$1 as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAuthError, isAxiosAuthError, isAxiosError, loadAllTranslations, pollingIntervalTimeout, index as referenceTimeUtils, renderCounter, safelyInitI18nForTestsAndStories, sessionStorageProvider, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useResizeObserver, useScrollingInIsolation, useUserMenu, useWheelStopPropagation };

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

@@ -0,0 +1,12 @@
+import type { SxProps, Theme } from '@mui/material';
+import React from 'react';
+export interface LegendToggleButtonProps {
+    isLegendVisible: boolean;
+    onToggle: () => void;
+    showTooltipText: string;
+    hideTooltipText: string;
+    legendLabel: string;
+    /** Container-query responsive styles — pass the container-specific breakpoint rules here */
+    sx?: SxProps<Theme>;
+}
+export declare const LegendToggleButton: ({ isLegendVisible, onToggle, showTooltipText, hideTooltipText, legendLabel, sx, }: LegendToggleButtonProps) => React.ReactElement;

package/dist/src/lib/components/LegendToggleButton/index.d.ts

@@ -0,0 +1 @@
+export * from './LegendToggleButton';

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

@@ -23,4 +23,5 @@ export * from './SearchField';
 export * from './LastUpdateTime';
 export * from './CanvasComponent';
 export * from './Filter';
+export * from './LegendToggleButton';
 export * from './Storybook';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "19.3.0",
+  "version": "19.4.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {