@itwin/itwinui-react 3.12.2 → 3.13.1

package/cjs/core/Tile/Tile.js

@@ -17,10 +17,9 @@ const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');
-const TileContext = _react.createContext(undefined);
-TileContext.displayName = 'TileContext';
+const TileContext = _react.createContext(void 0);
 const TileWrapper = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     className,
     status,
     variant,
@@ -30,8 +29,8 @@ const TileWrapper = _react.forwardRef((props, forwardedRef) => {
     isDisabled,
     ...rest
   } = props;
-  const [localActionable, setLocalActionable] = _react.useState(false);
-  const isActionable = localActionable;
+  let [localActionable, setLocalActionable] = _react.useState(false);
+  let isActionable = localActionable;
   return _react.createElement(
     TileContext.Provider,
     {
@@ -50,7 +49,7 @@ const TileWrapper = _react.forwardRef((props, forwardedRef) => {
       className: (0, _classnames.default)(
         'iui-tile',
         {
-          'iui-folder': variant === 'folder',
+          'iui-folder': 'folder' === variant,
           'iui-new': isNew,
           'iui-selected': isSelected,
           'iui-actionable': isActionable,
@@ -65,21 +64,18 @@ const TileWrapper = _react.forwardRef((props, forwardedRef) => {
     }),
   );
 });
-TileWrapper.displayName = 'Tile.Wrapper';
 const TileAction = _react.forwardRef((props, forwardedRef) => {
-  const { onClick, children, href, ...rest } = props;
-  const { setActionable, isDisabled } = (0, _index.useSafeContext)(TileContext);
+  let { onClick, children, href, ...rest } = props;
+  let { setActionable, isDisabled } = (0, _index.useSafeContext)(TileContext);
   _react.useEffect(() => {
-    if (!(0, _index.supportsHas)()) {
-      setActionable(true);
-    }
+    if (!(0, _index.supportsHas)()) setActionable(true);
   }, [setActionable]);
   return _react.createElement(
     _LinkAction.LinkAction,
     {
-      as: !!props.href ? 'a' : 'button',
+      as: props.href ? 'a' : 'button',
       href: href,
-      onClick: !isDisabled ? onClick : undefined,
+      onClick: isDisabled ? void 0 : onClick,
       'aria-disabled': isDisabled,
       ref: forwardedRef,
       ...rest,
@@ -87,24 +83,21 @@ const TileAction = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
-TileAction.displayName = 'Tile.Action';
 const TileThumbnailArea = (0, _index.polymorphic)('iui-tile-thumbnail');
-TileThumbnailArea.displayName = 'Tile.ThumbnailArea';
 const TileThumbnailPicture = _react.forwardRef((props, forwardedRef) => {
-  const { className, url, children, ...rest } = props;
-  if (url) {
+  let { className, url, children, ...rest } = props;
+  if (url)
     return _react.createElement(_index.Box, {
       className: (0, _classnames.default)(
         'iui-tile-thumbnail-picture',
         className,
       ),
       style: {
-        backgroundImage: typeof url === 'string' ? `url(${url})` : undefined,
+        backgroundImage: 'string' == typeof url ? `url(${url})` : void 0,
       },
       ref: forwardedRef,
       ...rest,
     });
-  }
   return _react.createElement(
     _index.Box,
     {
@@ -115,17 +108,14 @@ const TileThumbnailPicture = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
-TileThumbnailPicture.displayName = 'Tile.TileThumbnailPicture';
 const TileQuickAction = (0, _index.polymorphic)(
   'iui-tile-thumbnail-quick-action',
 );
-TileQuickAction.displayName = 'Tile.QuickAction';
 const TileTypeIndicator = (0, _index.polymorphic)(
   'iui-tile-thumbnail-type-indicator',
 );
-TileTypeIndicator.displayName = 'Tile.TypeIndicator';
 const TileIconButton = _react.forwardRef((props, forwardedRef) => {
-  const { className, children, ...rest } = props;
+  let { className, children, ...rest } = props;
   return _react.createElement(
     _IconButton.IconButton,
     {
@@ -141,13 +131,11 @@ const TileIconButton = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
-TileIconButton.displayName = 'Tile.IconButton';
 const TileBadgeContainer = (0, _index.polymorphic)(
   'iui-tile-thumbnail-badge-container',
 );
-TileBadgeContainer.displayName = 'Tile.BadgeContainer';
 const TileName = _react.forwardRef((props, forwardedRef) => {
-  const { className, children, name, ...rest } = props;
+  let { className, children, name, ...rest } = props;
   return _react.createElement(
     _index.Box,
     {
@@ -158,36 +146,31 @@ const TileName = _react.forwardRef((props, forwardedRef) => {
     children ?? name,
   );
 });
-TileBadgeContainer.displayName = 'Tile.Name';
 const TileNameIcon = _react.forwardRef((props, forwardedRef) => {
-  const { children, className, ...rest } = props;
-  const { status, isLoading, isSelected, isNew } = (0, _index.useSafeContext)(
+  let { children, className, ...rest } = props;
+  let { status, isLoading, isSelected, isNew } = (0, _index.useSafeContext)(
     TileContext,
   );
-  const StatusIcon = !!status && _index.StatusIconMap[status];
+  let StatusIcon = !!status && _index.StatusIconMap[status];
   let icon;
-  if (StatusIcon) {
+  if (StatusIcon)
     icon = _react.createElement(StatusIcon, {
       'aria-hidden': true,
     });
-  }
-  if (isLoading) {
+  if (isLoading)
     icon = _react.createElement(_ProgressRadial.ProgressRadial, {
       size: 'x-small',
       'aria-hidden': true,
       indeterminate: true,
     });
-  }
-  if (isSelected) {
+  if (isSelected)
     icon = _react.createElement(_index.SvgCheckmark, {
       'aria-hidden': true,
     });
-  }
-  if (isNew) {
+  if (isNew)
     icon = _react.createElement(_index.SvgNew, {
       'aria-hidden': true,
     });
-  }
   return children || icon
     ? _react.createElement(
         _index.Box,
@@ -203,18 +186,13 @@ const TileNameIcon = _react.forwardRef((props, forwardedRef) => {
       )
     : null;
 });
-TileNameIcon.displayName = 'Tile.NameIcon';
 const TileNameLabel = _index.polymorphic.span('iui-tile-name-label');
-TileNameLabel.displayName = 'Tile.NameLabel';
 const TileContentArea = (0, _index.polymorphic)('iui-tile-content');
-TileContentArea.displayName = 'Tile.ContentArea';
 const TileDescription = (0, _index.polymorphic)('iui-tile-description');
-TileDescription.displayName = 'Tile.Description';
 const TileMetadata = (0, _index.polymorphic)('iui-tile-metadata');
-TileMetadata.displayName = 'Tile.Metadata';
 const TileMoreOptions = _react.forwardRef((props, forwardedRef) => {
-  const { className, children = [], buttonProps, ...rest } = props;
-  const [isMenuVisible, setIsMenuVisible] = _react.useState(false);
+  let { className, children = [], buttonProps, ...rest } = props;
+  let [isMenuVisible, setIsMenuVisible] = _react.useState(false);
   return _react.createElement(
     _index.Box,
     {
@@ -255,11 +233,9 @@ const TileMoreOptions = _react.forwardRef((props, forwardedRef) => {
     ),
   );
 });
-TileMoreOptions.displayName = 'Tile.MoreOptions';
 const TileButtons = (0, _index.polymorphic)('iui-tile-buttons');
-TileButtons.displayName = 'Tile.Buttons';
 const TileComponent = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     name,
     description,
     status,
@@ -302,7 +278,7 @@ const TileComponent = _react.forwardRef((props, forwardedRef) => {
           ? _react.createElement(
               TileAction,
               {
-                onClick: !isDisabled ? onClick : undefined,
+                onClick: isDisabled ? void 0 : onClick,
                 'aria-disabled': isDisabled,
               },
               name,
@@ -314,7 +290,7 @@ const TileComponent = _react.forwardRef((props, forwardedRef) => {
       _react.createElement(
         TileThumbnailArea,
         null,
-        typeof thumbnail !== 'string'
+        'string' != typeof thumbnail
           ? _react.createElement(TileThumbnailPicture, null, thumbnail)
           : _react.createElement(TileThumbnailPicture, {
               url: thumbnail,
@@ -334,7 +310,6 @@ const TileComponent = _react.forwardRef((props, forwardedRef) => {
     buttons && _react.createElement(TileButtons, null, buttons),
   );
 });
-TileComponent.displayName = 'Tile';
 const Tile = Object.assign(TileComponent, {
   Wrapper: TileWrapper,
   ThumbnailArea: TileThumbnailArea,

package/cjs/core/TimePicker/TimePicker.js

@@ -14,49 +14,39 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const isSameHour = (date1, date2, meridiem) => {
-  const adjustedHours = meridiem
+  let adjustedHours = meridiem
     ? formatHourFrom12(date1.getHours(), meridiem)
     : date1.getHours();
-  if (!!meridiem) {
+  if (!!meridiem)
     return !!date2 && adjustedHours % 12 === date2.getHours() % 12;
-  }
   return !!date2 && adjustedHours === date2.getHours();
 };
-const isSameMinute = (date1, date2) => {
-  return !!date2 && date1.getMinutes() === date2.getMinutes();
-};
-const isSameSecond = (date1, date2) => {
-  return !!date2 && date1.getSeconds() === date2.getSeconds();
-};
+const isSameMinute = (date1, date2) =>
+  !!date2 && date1.getMinutes() === date2.getMinutes();
+const isSameSecond = (date1, date2) =>
+  !!date2 && date1.getSeconds() === date2.getSeconds();
 const isSameTime = (date1, date2, precision, meridiem) => {
   let isSameTime = true;
   switch (precision) {
     case 'seconds':
       isSameTime = isSameSecond(date1, date2);
-      if (!isSameTime) {
-        break;
-      }
+      if (!isSameTime) break;
     case 'minutes':
       isSameTime = isSameMinute(date1, date2);
-      if (!isSameTime) {
-        break;
-      }
+      if (!isSameTime) break;
     case 'hours':
       isSameTime = isSameHour(date1, date2, meridiem);
   }
   return isSameTime;
 };
-const isSameMeridiem = (meridiem, date) => {
-  return (
-    !!date && (meridiem === 'AM' ? date.getHours() < 12 : date.getHours() >= 12)
-  );
-};
+const isSameMeridiem = (meridiem, date) =>
+  !!date && ('AM' === meridiem ? date.getHours() < 12 : date.getHours() >= 12);
 const formatHourFrom12 = (hour, meridiem) => {
-  const adjustedHour = hour % 12;
-  return meridiem === 'PM' ? adjustedHour + 12 : adjustedHour;
+  let adjustedHour = hour % 12;
+  return 'PM' === meridiem ? adjustedHour + 12 : adjustedHour;
 };
-const setHours = (hour, date) => {
-  return new Date(
+const setHours = (hour, date) =>
+  new Date(
     date.getFullYear(),
     date.getMonth(),
     date.getDate(),
@@ -64,33 +54,32 @@ const setHours = (hour, date) => {
     date.getMinutes(),
     date.getSeconds(),
   );
-};
 const defaultCombinedRenderer = (date, precision) => {
   let dateString = '';
   switch (precision) {
     case 'seconds':
       dateString =
         ':' +
-        date.getSeconds().toLocaleString(undefined, {
+        date.getSeconds().toLocaleString(void 0, {
           minimumIntegerDigits: 2,
         });
     case 'minutes':
       dateString =
         ':' +
-        date.getMinutes().toLocaleString(undefined, {
+        date.getMinutes().toLocaleString(void 0, {
           minimumIntegerDigits: 2,
         }) +
         dateString;
     case 'hours':
       dateString =
-        date.getHours().toLocaleString(undefined, {
+        date.getHours().toLocaleString(void 0, {
           minimumIntegerDigits: 2,
         }) + dateString;
   }
   return dateString;
 };
 const TimePicker = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     date,
     onChange,
     use12Hours = false,
@@ -100,15 +89,15 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
     secondStep = 1,
     setFocusHour = false,
     hourRenderer = (date) =>
-      date.getHours().toLocaleString(undefined, {
+      date.getHours().toLocaleString(void 0, {
         minimumIntegerDigits: 2,
       }),
     minuteRenderer = (date) =>
-      date.getMinutes().toLocaleString(undefined, {
+      date.getMinutes().toLocaleString(void 0, {
         minimumIntegerDigits: 2,
       }),
     secondRenderer = (date) =>
-      date.getSeconds().toLocaleString(undefined, {
+      date.getSeconds().toLocaleString(void 0, {
         minimumIntegerDigits: 2,
       }),
     meridiemRenderer = (meridiem) => meridiem,
@@ -117,49 +106,47 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
     className,
     ...rest
   } = props;
-  const [selectedTime, setSelectedTime] = _react.useState(date);
-  const [focusedTime, setFocusedTime] = _react.useState(
+  let [selectedTime, setSelectedTime] = _react.useState(date);
+  let [focusedTime, setFocusedTime] = _react.useState(
     selectedTime ?? new Date(),
   );
-  const [meridiem, setMeridiem] = _react.useState(
-    use12Hours ? (focusedTime?.getHours() > 11 ? 'PM' : 'AM') : undefined,
+  let [meridiem, setMeridiem] = _react.useState(
+    use12Hours ? (focusedTime?.getHours() > 11 ? 'PM' : 'AM') : void 0,
   );
   _react.useEffect(() => {
     setFocusedTime(date ?? new Date());
     setSelectedTime(date);
   }, [date]);
-  const onHourClick = (date) => {
-    const adjustedHour = use12Hours
+  let onHourClick = (date) => {
+    let adjustedHour = use12Hours
       ? formatHourFrom12(date.getHours(), meridiem)
       : date.getHours();
-    const adjustedSelectedTime = setHours(
+    let adjustedSelectedTime = setHours(
       adjustedHour,
       selectedTime ?? new Date(),
     );
     updateCurrentTime(adjustedSelectedTime);
   };
-  const onTimeClick = (date) => {
-    const adjustedHour = use12Hours
+  let onTimeClick = (date) => {
+    let adjustedHour = use12Hours
       ? formatHourFrom12(date.getHours(), meridiem)
       : date.getHours();
-    const adjustedSelectedTime = setHours(adjustedHour, date);
+    let adjustedSelectedTime = setHours(adjustedHour, date);
     updateCurrentTime(adjustedSelectedTime);
   };
-  const onMeridiemClick = (value) => {
+  let onMeridiemClick = (value) => {
     let adjustedSelectedTime = selectedTime ?? new Date();
-    const currentHours = adjustedSelectedTime.getHours();
+    let currentHours = adjustedSelectedTime.getHours();
     setMeridiem(value);
-    if (value === 'AM' && currentHours > 11) {
+    if ('AM' === value && currentHours > 11)
       adjustedSelectedTime = setHours(currentHours - 12, adjustedSelectedTime);
-    }
-    if (value === 'PM' && currentHours <= 12) {
+    if ('PM' === value && currentHours <= 12)
       adjustedSelectedTime = setHours(currentHours + 12, adjustedSelectedTime);
-    }
     updateCurrentTime(adjustedSelectedTime);
   };
-  const updateCurrentTime = (time) => {
+  let updateCurrentTime = (time) => {
     let adjustedTime = time;
-    if (precision === 'hours') {
+    if ('hours' === precision)
       adjustedTime = new Date(
         time.getFullYear(),
         time.getMonth(),
@@ -168,8 +155,7 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
         0,
         0,
       );
-    }
-    if (precision === 'minutes') {
+    if ('minutes' === precision)
       adjustedTime = new Date(
         time.getFullYear(),
         time.getMonth(),
@@ -178,59 +164,54 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
         time.getMinutes(),
         0,
       );
-    }
     setFocusedTime(adjustedTime);
     setSelectedTime(adjustedTime);
     onChange?.(adjustedTime);
   };
-  const onHourFocus = (date) => {
-    const adjustedHour = use12Hours
+  let onHourFocus = (date) => {
+    let adjustedHour = use12Hours
       ? formatHourFrom12(date.getHours(), meridiem)
       : date.getHours();
     setFocusedTime(setHours(adjustedHour, focusedTime));
   };
-  const onTimeFocus = (date) => {
-    const adjustedHour = use12Hours
+  let onTimeFocus = (date) => {
+    let adjustedHour = use12Hours
       ? formatHourFrom12(date.getHours(), meridiem)
       : date.getHours();
     setFocusedTime(setHours(adjustedHour, date));
   };
-  const onMeridiemFocus = (value) => {
+  let onMeridiemFocus = (value) => {
     let adjustedSelectedTime = selectedTime ?? new Date();
-    const currentHours = adjustedSelectedTime.getHours();
-    if (value === 'AM' && currentHours > 11) {
+    let currentHours = adjustedSelectedTime.getHours();
+    if ('AM' === value && currentHours > 11) {
       setMeridiem(value);
       adjustedSelectedTime = setHours(currentHours - 12, adjustedSelectedTime);
     }
-    if (value === 'PM' && currentHours <= 12) {
+    if ('PM' === value && currentHours <= 12) {
       setMeridiem(value);
       adjustedSelectedTime = setHours(currentHours + 12, adjustedSelectedTime);
     }
     setFocusedTime(adjustedSelectedTime);
   };
-  const generateDataList = (size, value, step) => {
-    const data = [];
-    for (let i = 0; i < size; i++) {
-      if (i % step === 0) {
-        data.push(value(i));
-      }
-    }
+  let generateDataList = (size, value, step) => {
+    let data = [];
+    for (let i = 0; i < size; i++) if (i % step === 0) data.push(value(i));
     return data;
   };
-  const time = _react.useMemo(() => {
-    const time = selectedTime ?? new Date();
-    const data = [];
-    const hoursArray = Array.from(Array(use12Hours ? 12 : 24).keys())
+  let time = _react.useMemo(() => {
+    let time = selectedTime ?? new Date();
+    let data = [];
+    let hoursArray = Array.from(Array(use12Hours ? 12 : 24).keys())
       .filter((i) => i % hourStep === 0)
-      .map((i) => (use12Hours && i === 0 ? 12 : i));
-    const minutesArray = Array.from(Array(60).keys()).filter(
+      .map((i) => (use12Hours && 0 === i ? 12 : i));
+    let minutesArray = Array.from(Array(60).keys()).filter(
       (i) => i % minuteStep === 0,
     );
-    const secondsArray = Array.from(Array(60).keys()).filter(
+    let secondsArray = Array.from(Array(60).keys()).filter(
       (i) => i % secondStep === 0,
     );
     hoursArray.forEach((hour) => {
-      if (precision === 'hours') {
+      if ('hours' === precision)
         data.push(
           new Date(
             time.getFullYear(),
@@ -241,9 +222,9 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
             time.getSeconds(),
           ),
         );
-      } else {
+      else
         minutesArray.forEach((minute) => {
-          if (precision === 'minutes') {
+          if ('minutes' === precision)
             data.push(
               new Date(
                 time.getFullYear(),
@@ -254,7 +235,7 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
                 time.getSeconds(),
               ),
             );
-          } else {
+          else
             secondsArray.forEach((second) => {
               data.push(
                 new Date(
@@ -267,14 +248,12 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
                 ),
               );
             });
-          }
         });
-      }
     });
     return data;
   }, [hourStep, minuteStep, secondStep, selectedTime, use12Hours, precision]);
-  const hours = _react.useMemo(() => {
-    const time = selectedTime ?? new Date();
+  let hours = _react.useMemo(() => {
+    let time = selectedTime ?? new Date();
     return generateDataList(
       use12Hours ? 12 : 24,
       (i) =>
@@ -282,15 +261,15 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
           time.getFullYear(),
           time.getMonth(),
           time.getDate(),
-          use12Hours && i === 0 ? 12 : i,
+          use12Hours && 0 === i ? 12 : i,
           time.getMinutes(),
           time.getSeconds(),
         ),
       hourStep,
     );
   }, [hourStep, selectedTime, use12Hours]);
-  const minutes = _react.useMemo(() => {
-    const time = selectedTime ?? new Date();
+  let minutes = _react.useMemo(() => {
+    let time = selectedTime ?? new Date();
     return generateDataList(
       60,
       (i) =>
@@ -305,8 +284,8 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
       minuteStep,
     );
   }, [minuteStep, selectedTime]);
-  const seconds = _react.useMemo(() => {
-    const time = selectedTime ?? new Date();
+  let seconds = _react.useMemo(() => {
+    let time = selectedTime ?? new Date();
     return generateDataList(
       60,
       (i) =>
@@ -336,14 +315,14 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
               val,
               focusedTime,
               precision,
-              use12Hours ? meridiem : undefined,
+              use12Hours ? meridiem : void 0,
             ),
           isSameSelected: (val) =>
             isSameTime(
               val,
               selectedTime,
               precision,
-              use12Hours ? meridiem : undefined,
+              use12Hours ? meridiem : void 0,
             ),
           onFocusChange: onTimeFocus,
           onSelectChange: onTimeClick,
@@ -357,15 +336,15 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
           _react.createElement(TimePickerColumn, {
             data: hours,
             isSameFocused: (val) =>
-              isSameHour(val, focusedTime, use12Hours ? meridiem : undefined),
+              isSameHour(val, focusedTime, use12Hours ? meridiem : void 0),
             isSameSelected: (val) =>
-              isSameHour(val, selectedTime, use12Hours ? meridiem : undefined),
+              isSameHour(val, selectedTime, use12Hours ? meridiem : void 0),
             onFocusChange: onHourFocus,
             onSelectChange: onHourClick,
             setFocus: setFocusHour,
             valueRenderer: hourRenderer,
           }),
-          precision !== 'hours' &&
+          'hours' !== precision &&
             _react.createElement(TimePickerColumn, {
               data: minutes,
               isSameFocused: (val) => isSameMinute(val, focusedTime),
@@ -374,7 +353,7 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
               onSelectChange: (date) => updateCurrentTime(date),
               valueRenderer: minuteRenderer,
             }),
-          precision === 'seconds' &&
+          'seconds' === precision &&
             _react.createElement(TimePickerColumn, {
               data: seconds,
               isSameFocused: (val) => isSameSecond(val, focusedTime),
@@ -397,7 +376,7 @@ const TimePicker = _react.forwardRef((props, forwardedRef) => {
   );
 });
 const TimePickerColumn = (props) => {
-  const {
+  let {
     data,
     onFocusChange,
     onSelectChange,
@@ -408,30 +387,24 @@ const TimePickerColumn = (props) => {
     precision = 'minutes',
     className = 'iui-time',
   } = props;
-  const needFocus = _react.useRef(setFocus);
-  const handleTimeKeyDown = (
+  let needFocus = _react.useRef(setFocus);
+  let handleTimeKeyDown = (
     event,
     maxValue,
     onFocus,
     onSelect,
     currentValue,
   ) => {
-    if (event.altKey) {
-      return;
-    }
+    if (event.altKey) return;
     switch (event.key) {
       case 'ArrowDown':
-        if (currentValue + 1 > maxValue) {
-          break;
-        }
+        if (currentValue + 1 > maxValue) break;
         onFocus(currentValue + 1);
         needFocus.current = true;
         event.preventDefault();
         break;
       case 'ArrowUp':
-        if (currentValue - 1 < 0) {
-          break;
-        }
+        if (currentValue - 1 < 0) break;
         onFocus(currentValue - 1);
         needFocus.current = true;
         event.preventDefault();
@@ -453,7 +426,7 @@ const TimePickerColumn = (props) => {
       'ol',
       null,
       data.map((value, index) => {
-        const isSameFocus = isSameFocused(value);
+        let isSameFocus = isSameFocused(value);
         return _react.createElement(
           _index.Box,
           {
@@ -471,11 +444,9 @@ const TimePickerColumn = (props) => {
               'iui-selected': isSameSelected(value),
             }),
             key: index,
-            tabIndex: isSameFocus ? 0 : undefined,
+            tabIndex: isSameFocus ? 0 : void 0,
             ref: (ref) => {
-              if (!ref || !isSameFocus) {
-                return;
-              }
+              if (!ref || !isSameFocus) return;
               setTimeout(() => {
                 ref.scrollIntoView({
                   block: 'nearest',