@itwin/itwinui-react 3.12.2 → 3.13.1

package/esm/core/DatePicker/DatePicker.js

@@ -11,31 +11,24 @@ import {
 } from '../../utils/index.js';
 import { IconButton } from '../Buttons/IconButton.js';
 import { TimePicker } from '../TimePicker/TimePicker.js';
-const isSameDay = (a, b) => {
-  return (
-    a &&
-    b &&
-    a.getFullYear() === b.getFullYear() &&
-    a.getMonth() === b.getMonth() &&
-    a.getDate() === b.getDate()
-  );
-};
-const isInDateRange = (date, startDate, endDate) => {
-  if (!date || !startDate || !endDate) {
-    return false;
-  }
-  const minDate = new Date(startDate);
-  const maxDate = new Date(endDate);
-  const testDate = new Date(date);
+let isSameDay = (a, b) =>
+  a &&
+  b &&
+  a.getFullYear() === b.getFullYear() &&
+  a.getMonth() === b.getMonth() &&
+  a.getDate() === b.getDate();
+let isInDateRange = (date, startDate, endDate) => {
+  if (!date || !startDate || !endDate) return false;
+  let minDate = new Date(startDate);
+  let maxDate = new Date(endDate);
+  let testDate = new Date(date);
   testDate && testDate.setHours(0, 0, 0, 0);
   minDate && minDate.setHours(0, 0, 0, 0);
   maxDate && maxDate.setHours(0, 0, 0, 0);
   return testDate > minDate && testDate < maxDate;
 };
-const isSingleOnChange = (onChange, enableRangeSelect) => {
-  return !enableRangeSelect;
-};
-const defaultMonths = [
+let isSingleOnChange = (onChange, enableRangeSelect) => !enableRangeSelect;
+let defaultMonths = [
   'January',
   'February',
   'March',
@@ -49,8 +42,8 @@ const defaultMonths = [
   'November',
   'December',
 ];
-const defaultShortDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
-const defaultLongDays = [
+let defaultShortDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+let defaultLongDays = [
   'Sunday',
   'Monday',
   'Tuesday',
@@ -60,16 +53,16 @@ const defaultLongDays = [
   'Saturday',
 ];
 export const generateLocalizedStrings = (locale) => {
-  const shortWeekDayFormatter = new Intl.DateTimeFormat(locale, {
+  let shortWeekDayFormatter = new Intl.DateTimeFormat(locale, {
     weekday: 'short',
   });
-  const longWeekDayFormatter = new Intl.DateTimeFormat(locale, {
+  let longWeekDayFormatter = new Intl.DateTimeFormat(locale, {
     weekday: 'long',
   });
-  const monthFormatter = new Intl.DateTimeFormat(locale, {
+  let monthFormatter = new Intl.DateTimeFormat(locale, {
     month: 'long',
   });
-  const months = [
+  let months = [
     monthFormatter.format(new Date(2020, 0, 1)),
     monthFormatter.format(new Date(2020, 1, 1)),
     monthFormatter.format(new Date(2020, 2, 1)),
@@ -83,7 +76,7 @@ export const generateLocalizedStrings = (locale) => {
     monthFormatter.format(new Date(2020, 10, 1)),
     monthFormatter.format(new Date(2020, 11, 1)),
   ];
-  const days = [
+  let days = [
     longWeekDayFormatter.format(new Date(2020, 10, 1)),
     longWeekDayFormatter.format(new Date(2020, 10, 2)),
     longWeekDayFormatter.format(new Date(2020, 10, 3)),
@@ -92,7 +85,7 @@ export const generateLocalizedStrings = (locale) => {
     longWeekDayFormatter.format(new Date(2020, 10, 6)),
     longWeekDayFormatter.format(new Date(2020, 10, 7)),
   ];
-  const shortDays = [
+  let shortDays = [
     shortWeekDayFormatter.format(new Date(2020, 10, 1)).slice(0, 2),
     shortWeekDayFormatter.format(new Date(2020, 10, 2)).slice(0, 2),
     shortWeekDayFormatter.format(new Date(2020, 10, 3)).slice(0, 2),
@@ -108,7 +101,7 @@ export const generateLocalizedStrings = (locale) => {
   };
 };
 export const DatePicker = React.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     date,
     onChange,
     localizedNames,
@@ -141,44 +134,40 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
     showDatesOutsideMonth = true,
     ...rest
   } = props;
-  const monthNames = localizedNames?.months ?? defaultMonths;
-  const shortDays = localizedNames?.shortDays ?? defaultShortDays;
-  const longDays = localizedNames?.days ?? defaultLongDays;
-  const [selectedDay, setSelectedDay] = React.useState(date);
-  const [selectedStartDay, setSelectedStartDay] = React.useState(startDate);
-  const [selectedEndDay, setSelectedEndDay] = React.useState(endDate);
-  const [focusedDay, setFocusedDay] = React.useState(
+  let monthNames = localizedNames?.months ?? defaultMonths;
+  let shortDays = localizedNames?.shortDays ?? defaultShortDays;
+  let longDays = localizedNames?.days ?? defaultLongDays;
+  let [selectedDay, setSelectedDay] = React.useState(date);
+  let [selectedStartDay, setSelectedStartDay] = React.useState(startDate);
+  let [selectedEndDay, setSelectedEndDay] = React.useState(endDate);
+  let [focusedDay, setFocusedDay] = React.useState(
     selectedStartDay ?? selectedDay ?? new Date(),
   );
-  const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(
+  let [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(
     selectedStartDay?.getMonth() ??
       selectedDay?.getMonth() ??
       new Date().getMonth(),
   );
-  const [displayedYear, setDisplayedYear] = React.useState(
+  let [displayedYear, setDisplayedYear] = React.useState(
     selectedStartDay?.getFullYear() ??
       selectedDay?.getFullYear() ??
       new Date().getFullYear(),
   );
-  const [isSelectingStartDate, setIsSelectingStartDate] = React.useState(true);
-  const needFocus = React.useRef(setFocus);
+  let [isSelectingStartDate, setIsSelectingStartDate] = React.useState(true);
+  let needFocus = React.useRef(setFocus);
   React.useEffect(() => {
-    if (needFocus.current) {
-      needFocus.current = false;
-    }
+    if (needFocus.current) needFocus.current = false;
   });
-  const setMonthAndYear = React.useCallback((newMonth, newYear) => {
+  let setMonthAndYear = React.useCallback((newMonth, newYear) => {
     setDisplayedMonthIndex(newMonth);
     setDisplayedYear(newYear);
   }, []);
   React.useEffect(() => {
-    const currentDate = new Date();
+    let currentDate = new Date();
     setSelectedDay(date);
     setSelectedStartDay(startDate);
     setSelectedEndDay(endDate);
-    if (!enableRangeSelect) {
-      setFocusedDay(date ?? currentDate);
-    }
+    if (!enableRangeSelect) setFocusedDay(date ?? currentDate);
     setMonthAndYear(
       startDate?.getMonth() ?? date?.getMonth() ?? currentDate.getMonth(),
       startDate?.getFullYear() ??
@@ -186,35 +175,32 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
         currentDate.getFullYear(),
     );
   }, [date, setMonthAndYear, startDate, endDate, enableRangeSelect]);
-  const days = React.useMemo(() => {
+  let days = React.useMemo(() => {
     let offsetToFirst = new Date(
       displayedYear,
       displayedMonthIndex,
       1,
     ).getDay();
-    if (0 === offsetToFirst && showDatesOutsideMonth) {
-      offsetToFirst = 7;
-    }
-    const daysInMonth = [];
+    if (0 === offsetToFirst && showDatesOutsideMonth) offsetToFirst = 7;
+    let daysInMonth = [];
     for (let i = 1; i <= 42; i++) {
-      const adjustedDay = i - offsetToFirst;
+      let adjustedDay = i - offsetToFirst;
       daysInMonth.push(
         new Date(displayedYear, displayedMonthIndex, adjustedDay),
       );
     }
     return daysInMonth;
   }, [displayedMonthIndex, displayedYear, showDatesOutsideMonth]);
-  const weeks = React.useMemo(() => {
-    const weeksInMonth = [];
-    const weekCount = Math.ceil(days.length / 7);
-    for (let i = 0; i < weekCount; i++) {
-      weeksInMonth.push(days.slice(i * 7, (i + 1) * 7));
-    }
+  let weeks = React.useMemo(() => {
+    let weeksInMonth = [];
+    let weekCount = Math.ceil(days.length / 7);
+    for (let i = 0; i < weekCount; i++)
+      weeksInMonth.push(days.slice(7 * i, (i + 1) * 7));
     return weeksInMonth;
   }, [days]);
-  const getNewFocusedDate = (newYear, newMonth) => {
-    const currentDate = selectedStartDay ?? selectedDay ?? new Date();
-    const newDate = new Date(
+  let getNewFocusedDate = (newYear, newMonth) => {
+    let currentDate = selectedStartDay ?? selectedDay ?? new Date();
+    let newDate = new Date(
       newYear,
       newMonth,
       currentDate.getDate(),
@@ -224,37 +210,79 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
     );
     return newDate;
   };
-  const handleMoveToPreviousYear = () => {
-    const newYear = displayedYear - 1;
+  let handleMoveToPreviousYear = () => {
+    let newYear = displayedYear - 1;
     setMonthAndYear(displayedMonthIndex, newYear);
     setFocusedDay(getNewFocusedDate(newYear, displayedMonthIndex));
   };
-  const handleMoveToNextYear = () => {
-    const newYear = displayedYear + 1;
+  let handleMoveToNextYear = () => {
+    let newYear = displayedYear + 1;
     setMonthAndYear(displayedMonthIndex, newYear);
     setFocusedDay(getNewFocusedDate(newYear, displayedMonthIndex));
   };
-  const handleMoveToPreviousMonth = () => {
-    const newMonth = displayedMonthIndex !== 0 ? displayedMonthIndex - 1 : 11;
-    const newYear =
-      displayedMonthIndex !== 0 ? displayedYear : displayedYear - 1;
+  let handleMoveToPreviousMonth = () => {
+    let newMonth = 0 !== displayedMonthIndex ? displayedMonthIndex - 1 : 11;
+    let newYear = 0 !== displayedMonthIndex ? displayedYear : displayedYear - 1;
     setMonthAndYear(newMonth, newYear);
     setFocusedDay(getNewFocusedDate(newYear, newMonth));
   };
-  const handleMoveToNextMonth = () => {
-    const newMonth = displayedMonthIndex !== 11 ? displayedMonthIndex + 1 : 0;
-    const newYear =
-      displayedMonthIndex !== 11 ? displayedYear : displayedYear + 1;
+  let handleMoveToNextMonth = () => {
+    let newMonth = 11 !== displayedMonthIndex ? displayedMonthIndex + 1 : 0;
+    let newYear =
+      11 !== displayedMonthIndex ? displayedYear : displayedYear + 1;
     setMonthAndYear(newMonth, newYear);
     setFocusedDay(getNewFocusedDate(newYear, newMonth));
   };
-  const onDayClick = (day) => {
-    if (!enableRangeSelect) {
-      if (day.getMonth() !== selectedDay?.getMonth()) {
-        setMonthAndYear(day.getMonth(), day.getFullYear());
+  let onDayClick = (day) => {
+    if (enableRangeSelect) {
+      if (isSelectingStartDate) {
+        if (day.getMonth() !== selectedStartDay?.getMonth())
+          setMonthAndYear(day.getMonth(), day.getFullYear());
+        let currentStartDate = selectedStartDay ?? new Date();
+        let newStartDate = new Date(
+          day.getFullYear(),
+          day.getMonth(),
+          day.getDate(),
+          currentStartDate.getHours(),
+          currentStartDate.getMinutes(),
+          currentStartDate.getSeconds(),
+        );
+        setSelectedStartDay(newStartDate);
+        setFocusedDay(newStartDate);
+        if (isBefore(newStartDate, selectedEndDay))
+          selectedEndDay && onChange?.(newStartDate, selectedEndDay);
+        else {
+          setSelectedEndDay(newStartDate);
+          onChange?.(newStartDate, newStartDate);
+        }
+        setIsSelectingStartDate(false);
+      } else {
+        if (day.getMonth() !== selectedEndDay?.getMonth())
+          setMonthAndYear(day.getMonth(), day.getFullYear());
+        let currentEndDate = selectedEndDay ?? new Date();
+        let newEndDate = new Date(
+          day.getFullYear(),
+          day.getMonth(),
+          day.getDate(),
+          currentEndDate.getHours(),
+          currentEndDate.getMinutes(),
+          currentEndDate.getSeconds(),
+        );
+        setFocusedDay(newEndDate);
+        if (isBefore(newEndDate, selectedStartDay)) {
+          setSelectedStartDay(newEndDate);
+          selectedEndDay && onChange?.(newEndDate, selectedEndDay);
+        } else {
+          setSelectedEndDay(newEndDate);
+          selectedStartDay && onChange?.(selectedStartDay, newEndDate);
+          setIsSelectingStartDate(true);
+        }
       }
-      const currentDate = selectedDay ?? new Date();
-      const newDate = new Date(
+    } else {
+      if (day.getMonth() !== selectedDay?.getMonth())
+        setMonthAndYear(day.getMonth(), day.getFullYear());
+      let currentDate = selectedDay ?? new Date();
+      let newDate = new Date(
         day.getFullYear(),
         day.getMonth(),
         day.getDate(),
@@ -265,93 +293,41 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
       setSelectedDay(newDate);
       setFocusedDay(newDate);
       isSingleOnChange(onChange, enableRangeSelect) && onChange?.(newDate);
-    } else if (isSelectingStartDate) {
-      if (day.getMonth() !== selectedStartDay?.getMonth()) {
-        setMonthAndYear(day.getMonth(), day.getFullYear());
-      }
-      const currentStartDate = selectedStartDay ?? new Date();
-      const newStartDate = new Date(
-        day.getFullYear(),
-        day.getMonth(),
-        day.getDate(),
-        currentStartDate.getHours(),
-        currentStartDate.getMinutes(),
-        currentStartDate.getSeconds(),
-      );
-      setSelectedStartDay(newStartDate);
-      setFocusedDay(newStartDate);
-      if (!isBefore(newStartDate, selectedEndDay)) {
-        setSelectedEndDay(newStartDate);
-        onChange?.(newStartDate, newStartDate);
-      } else {
-        selectedEndDay && onChange?.(newStartDate, selectedEndDay);
-      }
-      setIsSelectingStartDate(false);
-    } else {
-      if (day.getMonth() !== selectedEndDay?.getMonth()) {
-        setMonthAndYear(day.getMonth(), day.getFullYear());
-      }
-      const currentEndDate = selectedEndDay ?? new Date();
-      const newEndDate = new Date(
-        day.getFullYear(),
-        day.getMonth(),
-        day.getDate(),
-        currentEndDate.getHours(),
-        currentEndDate.getMinutes(),
-        currentEndDate.getSeconds(),
-      );
-      setFocusedDay(newEndDate);
-      if (!isBefore(newEndDate, selectedStartDay)) {
-        setSelectedEndDay(newEndDate);
-        selectedStartDay && onChange?.(selectedStartDay, newEndDate);
-        setIsSelectingStartDate(true);
-      } else {
-        setSelectedStartDay(newEndDate);
-        selectedEndDay && onChange?.(newEndDate, selectedEndDay);
-      }
     }
   };
-  const handleCalendarKeyDown = (event) => {
-    if (event.altKey) {
-      return;
-    }
-    if (!focusedDay) {
-      return;
-    }
-    const adjustedFocusedDay = new Date(focusedDay);
+  let handleCalendarKeyDown = (event) => {
+    if (event.altKey) return;
+    if (!focusedDay) return;
+    let adjustedFocusedDay = new Date(focusedDay);
     switch (event.key) {
       case 'ArrowDown':
         adjustedFocusedDay.setDate(focusedDay.getDate() + 7);
-        if (adjustedFocusedDay.getMonth() !== displayedMonthIndex) {
+        if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
           handleMoveToNextMonth();
-        }
         setFocusedDay(adjustedFocusedDay);
         needFocus.current = true;
         event.preventDefault();
         break;
       case 'ArrowUp':
         adjustedFocusedDay.setDate(focusedDay.getDate() - 7);
-        if (adjustedFocusedDay.getMonth() !== displayedMonthIndex) {
+        if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
           handleMoveToPreviousMonth();
-        }
         setFocusedDay(adjustedFocusedDay);
         needFocus.current = true;
         event.preventDefault();
         break;
       case 'ArrowLeft':
         adjustedFocusedDay.setDate(focusedDay.getDate() - 1);
-        if (adjustedFocusedDay.getMonth() !== displayedMonthIndex) {
+        if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
           handleMoveToPreviousMonth();
-        }
         setFocusedDay(adjustedFocusedDay);
         needFocus.current = true;
         event.preventDefault();
         break;
       case 'ArrowRight':
         adjustedFocusedDay.setDate(focusedDay.getDate() + 1);
-        if (adjustedFocusedDay.getMonth() !== displayedMonthIndex) {
+        if (adjustedFocusedDay.getMonth() !== displayedMonthIndex)
           handleMoveToNextMonth();
-        }
         setFocusedDay(adjustedFocusedDay);
         needFocus.current = true;
         event.preventDefault();
@@ -359,41 +335,31 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
       case 'Enter':
       case ' ':
       case 'Spacebar':
-        if (!isDateDisabled?.(focusedDay)) {
-          onDayClick(focusedDay);
-        }
+        if (!isDateDisabled?.(focusedDay)) onDayClick(focusedDay);
         event.preventDefault();
         break;
     }
   };
-  const getDayClass = (day) => {
-    if (day.getMonth() !== displayedMonthIndex) {
+  let getDayClass = (day) => {
+    if (day.getMonth() !== displayedMonthIndex)
       return 'iui-calendar-day-outside-month';
-    }
     let dayClass = 'iui-calendar-day';
-    const isSelectedDay =
+    let isSelectedDay =
       isSameDay(day, selectedDay) ||
       (isSameDay(day, selectedStartDay) && isSameDay(day, selectedEndDay));
-    if (isSelectedDay) {
-      dayClass += '-selected';
-    } else if (isSameDay(day, selectedStartDay)) {
-      dayClass += '-range-start';
-    } else if (isSameDay(day, selectedEndDay)) {
-      dayClass += '-range-end';
-    }
+    if (isSelectedDay) dayClass += '-selected';
+    else if (isSameDay(day, selectedStartDay)) dayClass += '-range-start';
+    else if (isSameDay(day, selectedEndDay)) dayClass += '-range-end';
     if (
       selectedStartDay &&
       selectedEndDay &&
       isInDateRange(day, selectedStartDay, selectedEndDay)
-    ) {
+    )
       dayClass += '-range';
-    }
-    if (isSameDay(day, new Date())) {
-      dayClass += '-today';
-    }
+    if (isSameDay(day, new Date())) dayClass += '-today';
     return dayClass;
   };
-  const dateTableId = useId();
+  let dateTableId = useId();
   return React.createElement(
     Box,
     {
@@ -505,8 +471,8 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
           'aria-labelledby': dateTableId,
           ...calendarProps,
         },
-        weeks.map((weekDays, weekIndex) => {
-          return React.createElement(
+        weeks.map((weekDays, weekIndex) =>
+          React.createElement(
             Box,
             {
               as: 'div',
@@ -515,16 +481,15 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
               className: cx('iui-calendar-week', weekProps?.className),
             },
             weekDays.map((weekDay, dayIndex) => {
-              const dateValue = weekDay.getDate();
-              const isDisabled = isDateDisabled?.(weekDay);
-              const isOutsideMonth = weekDay.getMonth() !== displayedMonthIndex;
-              if (isOutsideMonth && !showDatesOutsideMonth) {
+              let dateValue = weekDay.getDate();
+              let isDisabled = isDateDisabled?.(weekDay);
+              let isOutsideMonth = weekDay.getMonth() !== displayedMonthIndex;
+              if (isOutsideMonth && !showDatesOutsideMonth)
                 return React.createElement(Box, {
                   key: `day-${displayedMonthIndex}-${dayIndex}`,
                   className: cx(getDayClass(weekDay), dayProps?.className),
                   'aria-hidden': true,
                 });
-              }
               return React.createElement(
                 Box,
                 {
@@ -533,7 +498,7 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
                   onClick: () => !isDisabled && onDayClick(weekDay),
                   role: 'option',
                   tabIndex: isSameDay(weekDay, focusedDay) ? 0 : -1,
-                  'aria-disabled': isDisabled ? 'true' : undefined,
+                  'aria-disabled': isDisabled ? 'true' : void 0,
                   ref: (element) =>
                     isSameDay(weekDay, focusedDay) &&
                     needFocus.current &&
@@ -544,8 +509,8 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
                 dateValue,
               );
             }),
-          );
-        }),
+          ),
+        ),
       ),
     ),
     showTime &&

package/esm/core/Dialog/Dialog.js

@@ -8,8 +8,8 @@ import { DialogButtonBar } from './DialogButtonBar.js';
 import { DialogMain } from './DialogMain.js';
 import { useMergedRefs, Box, Portal } from '../../utils/index.js';
 import { Transition } from 'react-transition-group';
-const DialogComponent = React.forwardRef((props, ref) => {
-  const {
+let DialogComponent = React.forwardRef((props, ref) => {
+  let {
     trapFocus = false,
     setFocus = false,
     preventDocumentScroll = false,
@@ -26,7 +26,7 @@ const DialogComponent = React.forwardRef((props, ref) => {
     portal = false,
     ...rest
   } = props;
-  const dialogRootRef = React.useRef(null);
+  let dialogRootRef = React.useRef(null);
   return React.createElement(
     Transition,
     {
@@ -63,7 +63,7 @@ const DialogComponent = React.forwardRef((props, ref) => {
         },
         React.createElement(Box, {
           className: cx('iui-dialog-wrapper', className),
-          'data-iui-relative': relativeTo === 'container',
+          'data-iui-relative': 'container' === relativeTo,
           ref: useMergedRefs(ref, dialogRootRef),
           ...rest,
         }),

package/esm/core/Dialog/DialogBackdrop.js

@@ -4,8 +4,8 @@ import { useMergedRefs } from '../../utils/index.js';
 import { useDialogContext } from './DialogContext.js';
 import cx from 'classnames';
 export const DialogBackdrop = React.forwardRef((props, ref) => {
-  const dialogContext = useDialogContext();
-  const {
+  let dialogContext = useDialogContext();
+  let {
     isVisible = dialogContext.isOpen,
     isDismissible = dialogContext.isDismissible,
     onClose = dialogContext.onClose,
@@ -16,23 +16,19 @@ export const DialogBackdrop = React.forwardRef((props, ref) => {
     style,
     ...rest
   } = props;
-  const backdropRef = React.useRef(null);
-  const refs = useMergedRefs(backdropRef, ref);
-  const handleMouseDown = (event) => {
+  let backdropRef = React.useRef(null);
+  let refs = useMergedRefs(backdropRef, ref);
+  let handleMouseDown = (event) => {
     event.persist();
-    if (event.target !== backdropRef.current) {
-      return;
-    }
-    if (isDismissible && closeOnExternalClick && onClose) {
-      onClose(event);
-    }
+    if (event.target !== backdropRef.current) return;
+    if (isDismissible && closeOnExternalClick && onClose) onClose(event);
     onMouseDown?.(event);
   };
   return React.createElement(Backdrop, {
     isVisible: isVisible,
     className: cx(
       {
-        'iui-backdrop-fixed': relativeTo === 'viewport',
+        'iui-backdrop-fixed': 'viewport' === relativeTo,
       },
       className,
     ),

package/esm/core/Dialog/DialogContext.js

@@ -1,5 +1,3 @@
 import * as React from 'react';
-export const DialogContext = React.createContext(undefined);
-export const useDialogContext = () => {
-  return React.useContext(DialogContext) || {};
-};
+export const DialogContext = React.createContext(void 0);
+export const useDialogContext = () => React.useContext(DialogContext) || {};

package/esm/core/Dialog/DialogDragContext.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-export const DialogDragContext = React.createContext(undefined);
+export const DialogDragContext = React.createContext(void 0);
 export const useDialogDragContext = () => {
-  const context = React.useContext(DialogDragContext);
+  let context = React.useContext(DialogDragContext);
   return {
     ...context,
   };