@opengeoweb/time-slider 19.4.0 → 19.5.0

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Grid, useTheme, Box, Typography, Menu, MenuItem, CardHeader, FormControl, TextField, Select, Popper, Paper, Stack, InputAdornment, ClickAwayListener } from '@mui/material';
 import React, { useState, useRef, useEffect, useCallback, useContext, useMemo, createElement } from 'react';
-import { dateUtils, safelyInitI18nForTestsAndStories, CustomIconButton, CustomTooltip, CanvasComponent, renderCounter, CustomToggleButton } from '@opengeoweb/shared';
+import { dateUtils, isTargetInteractiveInput, isDialogFocused, safelyInitI18nForTestsAndStories, CustomIconButton, CustomTooltip, CanvasComponent, renderCounter, CustomToggleButton } from '@opengeoweb/shared';
 import { debounce, throttle } from 'lodash';
 import { ChevronDown, ChevronUp, dragHandlePath, Edit, Animation, AutoUpdateActive, AutoUpdateInActive, StepForward, StepBackward, Now, Pause, Play, Speed, Clock, FastForward, Options, CalendarToday, ThemeWrapper, lightTheme, darkTheme } from '@opengeoweb/theme';
 import i18n from 'i18next';
@@ -702,7 +702,7 @@ var useToggleTimesliderVisibility = function useToggleTimesliderVisibility(mapIs
   React.useEffect(function () {
     var handleKeyDown = function handleKeyDown(event) {
       var target = event.target;
-      if (target.tagName !== 'INPUT' && target.tagName !== 'TEXTAREA' && (event.key === 't' || event.key === 'T') && mapIsActive) {
+      if (!isTargetInteractiveInput(target) && !isDialogFocused() && (event.key === 't' || event.key === 'T') && mapIsActive) {
         onToggleTimeSlider(!isVisible);
       }
     };
@@ -715,6 +715,10 @@ var useToggleTimesliderVisibility = function useToggleTimesliderVisibility(mapIs
 var useMoveTimeWithKeyboard = function useMoveTimeWithKeyboard(mapIsActive, timeStep, dataStartTime, dataEndTime, onSetNewDate, onSetCenterTime, selectedTime) {
   React.useEffect(function () {
     var handleKeyDown = function handleKeyDown(event) {
+      var target = event.target;
+      if (isTargetInteractiveInput(target) || isDialogFocused()) {
+        return;
+      }
       if (event.key === 'Home' && mapIsActive) {
         handleSetNowEvent(timeStep, dataStartTime, dataEndTime, dateUtils.unix(dateUtils.utc()), onSetNewDate, onSetCenterTime);
       }
@@ -2726,7 +2730,7 @@ var useTimeStepShortcutListener = function useTimeStepShortcutListener(enabled,
     }
     var handleKeyDown = function handleKeyDown(event) {
       var target = event.target;
-      if ((target == null ? void 0 : target.tagName) === 'INPUT' || (target == null ? void 0 : target.tagName) === 'TEXTAREA' || target != null && target.isContentEditable) {
+      if (isTargetInteractiveInput(target) || isDialogFocused()) {
         return;
       }
       var direction = getTimeStepShortcutDirection(event);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/time-slider",
-  "version": "19.4.0",
+  "version": "19.5.0",
   "description": "GeoWeb time-slider library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {