@itwin/itwinui-react 3.12.2 → 3.13.0

package/cjs/core/Label/Label.js

@@ -14,7 +14,7 @@ const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const Label = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     displayStyle = 'block',
     required,
     disabled,
@@ -29,12 +29,12 @@ const Label = _react.forwardRef((props, forwardedRef) => {
       className: (0, _classnames.default)(
         'iui-input-label',
         {
-          'iui-inline': displayStyle === 'inline',
+          'iui-inline': 'inline' === displayStyle,
           'iui-required': required,
         },
         className,
       ),
-      'data-iui-disabled': disabled ? true : undefined,
+      'data-iui-disabled': !!disabled || void 0,
       ref: forwardedRef,
       ...rest,
     },

package/cjs/core/LabeledInput/LabeledInput.js

@@ -19,7 +19,7 @@ const _Label = require('../Label/Label.js');
 const _Icon = require('../Icon/Icon.js');
 const _classnames = _interop_require_default._(require('classnames'));
 const LabeledInput = _react.forwardRef((props, ref) => {
-  const {
+  let {
     disabled = false,
     label,
     message,
@@ -34,8 +34,8 @@ const LabeledInput = _react.forwardRef((props, ref) => {
     required = false,
     ...rest
   } = props;
-  const icon = svgIcon ?? (status && _index.StatusIconMap[status]());
-  const shouldShowIcon = svgIcon !== null && (svgIcon || (status && !message));
+  let icon = svgIcon ?? (status && _index.StatusIconMap[status]());
+  let shouldShowIcon = null !== svgIcon && (svgIcon || (status && !message));
   return _react.createElement(
     _InputGrid.InputGrid,
     {
@@ -77,7 +77,7 @@ const LabeledInput = _react.forwardRef((props, ref) => {
           icon,
         ),
     ),
-    typeof message === 'string'
+    'string' == typeof message
       ? _react.createElement(
           _StatusMessage.StatusMessage,
           {

package/cjs/core/LabeledSelect/LabeledSelect.js

@@ -15,7 +15,7 @@ const _StatusMessage = require('../StatusMessage/StatusMessage.js');
 const _InputGrid = require('../InputGrid/InputGrid.js');
 const _Label = require('../Label/Label.js');
 const LabeledSelect = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     className,
     disabled = false,
     label,
@@ -53,14 +53,12 @@ const LabeledSelect = _react.forwardRef((props, forwardedRef) => {
       disabled: disabled,
       className: className,
       style: style,
-      required: props.native ? required : undefined,
+      required: props.native ? required : void 0,
       ...rest,
       ref: forwardedRef,
-      ...{
-        styleType: 'default',
-      },
+      styleType: 'default',
     }),
-    typeof message === 'string'
+    'string' == typeof message
       ? _react.createElement(
           _StatusMessage.StatusMessage,
           {

package/cjs/core/LabeledSelect/LabeledSelect.types-test.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', {
 const _react = require('react');
 const _LabeledSelect = require('./LabeledSelect.js');
 () => {
-  const ref = (0, _react.useRef)(null);
+  let ref = (0, _react.useRef)(null);
   return React.createElement(
     React.Fragment,
     null,
@@ -25,15 +25,15 @@ const _LabeledSelect = require('./LabeledSelect.js');
         },
       ],
       onChange: (value) => {
-        const returnValue = value;
+        let returnValue = value;
         return returnValue;
       },
       ref: ref,
     }),
   );
 };
-() => {
-  return React.createElement(
+() =>
+  React.createElement(
     React.Fragment,
     null,
     React.createElement(_LabeledSelect.LabeledSelect, {
@@ -52,14 +52,13 @@ const _LabeledSelect = require('./LabeledSelect.js');
         },
       ],
       onChange: (value) => {
-        const returnValue = value;
+        let returnValue = value;
         return returnValue;
       },
     }),
   );
-};
-() => {
-  return React.createElement(
+() =>
+  React.createElement(
     React.Fragment,
     null,
     React.createElement(_LabeledSelect.LabeledSelect, {
@@ -79,14 +78,13 @@ const _LabeledSelect = require('./LabeledSelect.js');
         },
       ],
       onChange: (value) => {
-        const returnValue = value;
+        let returnValue = value;
         return returnValue;
       },
     }),
   );
-};
-() => {
-  return React.createElement(
+() =>
+  React.createElement(
     React.Fragment,
     null,
     React.createElement(_LabeledSelect.LabeledSelect, {
@@ -98,9 +96,8 @@ const _LabeledSelect = require('./LabeledSelect.js');
         },
       ],
       onChange: (value) => {
-        const returnValue = value;
+        let returnValue = value;
         return returnValue;
       },
     }),
   );
-};

package/cjs/core/LabeledTextarea/LabeledTextarea.js

@@ -11,11 +11,11 @@ Object.defineProperty(exports, 'LabeledTextarea', {
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
 const _react = _interop_require_wildcard._(require('react'));
 const _LabeledInput = require('../LabeledInput/LabeledInput.js');
-const LabeledTextarea = _react.forwardRef((props, forwardedRef) => {
-  return _react.createElement(_LabeledInput.LabeledInput, {
+const LabeledTextarea = _react.forwardRef((props, forwardedRef) =>
+  _react.createElement(_LabeledInput.LabeledInput, {
     as: 'textarea',
     rows: 3,
     ref: forwardedRef,
     ...props,
-  });
-});
+  }),
+);

package/cjs/core/LinkAction/LinkAction.js

@@ -24,7 +24,7 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _polymorphic = require('../../utils/functions/polymorphic.js');
 const _index = require('../../utils/components/index.js');
 const LinkAction = _react.forwardRef((props, forwardedRef) => {
-  const { as: asProp = !!props.href ? 'a' : 'button' } = props;
+  let { as: asProp = props.href ? 'a' : 'button' } = props;
   return _react.createElement(_index.Box, {
     ...props,
     as: asProp,
@@ -32,6 +32,4 @@ const LinkAction = _react.forwardRef((props, forwardedRef) => {
     ref: forwardedRef,
   });
 });
-LinkAction.displayName = 'LinkAction';
 const LinkBox = _polymorphic.polymorphic.div('iui-link-box');
-LinkBox.displayName = 'LinkBox';

package/cjs/core/List/List.js

@@ -12,4 +12,3 @@ const _index = require('../../utils/index.js');
 const List = _index.polymorphic.ul('iui-list', {
   role: 'list',
 });
-List.displayName = 'List';

package/cjs/core/List/ListItem.js

@@ -15,7 +15,7 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');
 const ListItemComponent = _react.forwardRef((props, ref) => {
-  const {
+  let {
     size = 'default',
     disabled = false,
     active = false,
@@ -27,26 +27,21 @@ const ListItemComponent = _react.forwardRef((props, ref) => {
   return _react.createElement(_index.Box, {
     as: 'li',
     className: (0, _classnames.default)('iui-list-item', className),
-    'data-iui-active': active ? 'true' : undefined,
-    'data-iui-disabled': disabled ? 'true' : undefined,
-    'data-iui-size': size === 'large' ? 'large' : undefined,
-    'data-iui-actionable': actionable ? 'true' : undefined,
-    'data-iui-focused': focused ? 'true' : undefined,
+    'data-iui-active': active ? 'true' : void 0,
+    'data-iui-disabled': disabled ? 'true' : void 0,
+    'data-iui-size': 'large' === size ? 'large' : void 0,
+    'data-iui-actionable': actionable ? 'true' : void 0,
+    'data-iui-focused': focused ? 'true' : void 0,
     ref: ref,
     ...rest,
   });
 });
-ListItemComponent.displayName = 'ListItem';
 const ListItemIcon = (0, _index.polymorphic)('iui-list-item-icon');
-ListItemIcon.displayName = 'ListItem.Icon';
 const ListItemContent = (0, _index.polymorphic)('iui-list-item-content');
-ListItemContent.displayName = 'ListItem.Content';
 const ListItemDescription = (0, _index.polymorphic)(
   'iui-list-item-description',
 );
-ListItemDescription.displayName = 'ListItem.Description';
 const ListItemAction = _LinkAction.LinkAction;
-ListItemAction.displayName = 'ListItem.Action';
 const ListItem = Object.assign(ListItemComponent, {
   Icon: ListItemIcon,
   Content: ListItemContent,

package/cjs/core/Menu/Menu.js

@@ -25,7 +25,7 @@ const _index = require('../../utils/index.js');
 const _Popover = require('../Popover/Popover.js');
 const _react1 = require('@floating-ui/react');
 const Menu = _react.forwardRef((props, ref) => {
-  const {
+  let {
     className,
     trigger,
     positionReference,
@@ -34,43 +34,43 @@ const Menu = _react.forwardRef((props, ref) => {
     children,
     ...rest
   } = props;
-  const tree = (0, _react1.useFloatingTree)();
-  const nodeId = (0, _react1.useFloatingNodeId)();
-  const parentId = (0, _react1.useFloatingParentNodeId)();
-  const {
+  let tree = (0, _react1.useFloatingTree)();
+  let nodeId = (0, _react1.useFloatingNodeId)();
+  let parentId = (0, _react1.useFloatingParentNodeId)();
+  let {
     interactions: interactionsProp,
     visible: visibleProp,
     onVisibleChange: onVisibleChangeProp,
     ...restPopoverProps
   } = popoverPropsProp ?? {};
-  const {
+  let {
     listNavigation: listNavigationPropsProp,
     hover: hoverProp,
     ...restInteractionsProps
   } = interactionsProp ?? {};
-  const [visible, setVisible] = (0, _index.useControlledState)(
+  let [visible, setVisible] = (0, _index.useControlledState)(
     false,
     visibleProp,
     onVisibleChangeProp,
   );
-  const [hasFocusedNodeInSubmenu, setHasFocusedNodeInSubmenu] =
+  let [hasFocusedNodeInSubmenu, setHasFocusedNodeInSubmenu] =
     _react.useState(false);
-  const [menuElement, setMenuElement] = _react.useState(null);
-  const { focusableElementsRef, focusableElements } = (0,
+  let [menuElement, setMenuElement] = _react.useState(null);
+  let { focusableElementsRef, focusableElements } = (0,
   _index.useFocusableElements)(menuElement, {
     filter: (allElements) =>
       allElements.filter(
         (i) => !allElements?.some((p) => p.contains(i.parentElement)),
       ),
   });
-  const [activeIndex, setActiveIndex] = _react.useState(null);
-  const popover = (0, _Popover.usePopover)({
+  let [activeIndex, setActiveIndex] = _react.useState(null);
+  let popover = (0, _Popover.usePopover)({
     nodeId,
     visible,
     onVisibleChange: (open) => (open ? setVisible(true) : close()),
     interactions: {
       hover:
-        tree == null
+        null == tree
           ? hoverProp
           : {
               enabled: !!hoverProp && !hasFocusedNodeInSubmenu,
@@ -80,7 +80,7 @@ const Menu = _react.forwardRef((props, ref) => {
     },
     ...restPopoverProps,
   });
-  const { getReferenceProps, getFloatingProps, getItemProps } = (0,
+  let { getReferenceProps, getFloatingProps, getItemProps } = (0,
   _react1.useInteractions)([
     (0, _react1.useListNavigation)(popover.context, {
       activeIndex,
@@ -91,27 +91,25 @@ const Menu = _react.forwardRef((props, ref) => {
     }),
   ]);
   _react.useEffect(() => {
-    if (positionReference !== undefined) {
+    if (void 0 !== positionReference)
       popover.refs.setPositionReference(positionReference);
-    }
   }, [popover.refs, positionReference]);
-  const refs = (0, _index.useMergedRefs)(
+  let refs = (0, _index.useMergedRefs)(
     setMenuElement,
     ref,
     popover.refs.setFloating,
   );
-  const triggerRef = _react.useRef(null);
-  const close = _react.useCallback(() => {
+  let triggerRef = _react.useRef(null);
+  let close = _react.useCallback(() => {
     setVisible(false);
-    if (parentId == null) {
+    if (null == parentId)
       triggerRef.current?.focus({
         preventScroll: true,
       });
-    }
   }, [parentId, setVisible]);
   (0, _index.useSyncExternalStore)(
     _react.useCallback(() => {
-      const closeUnrelatedMenus = (event) => {
+      let closeUnrelatedMenus = (event) => {
         if (
           (parentId === event.parentId && nodeId !== event.nodeId) ||
           parentId === event.nodeId
@@ -125,16 +123,16 @@ const Menu = _react.forwardRef((props, ref) => {
         tree?.events.off('onNodeFocused', closeUnrelatedMenus);
       };
     }, [nodeId, parentId, tree?.events, setVisible]),
-    () => undefined,
-    () => undefined,
+    () => void 0,
+    () => void 0,
   );
-  const popoverGetItemProps = ({ focusableItemIndex, userProps }) => {
-    return getItemProps({
+  let popoverGetItemProps = ({ focusableItemIndex, userProps }) =>
+    getItemProps({
       ...userProps,
       tabIndex:
-        activeIndex != null &&
+        null != activeIndex &&
         activeIndex >= 0 &&
-        focusableItemIndex != null &&
+        null != focusableItemIndex &&
         focusableItemIndex >= 0 &&
         activeIndex === focusableItemIndex
           ? 0
@@ -151,17 +149,13 @@ const Menu = _react.forwardRef((props, ref) => {
       onMouseEnter: (0, _index.mergeEventHandlers)(
         userProps?.onMouseEnter,
         (event) => {
-          if (focusableItemIndex != null && focusableItemIndex >= 0) {
+          if (null != focusableItemIndex && focusableItemIndex >= 0)
             setActiveIndex(focusableItemIndex);
-          }
-          if (event.target === event.currentTarget) {
-            event.currentTarget.focus();
-          }
+          if (event.target === event.currentTarget) event.currentTarget.focus();
         },
       ),
     });
-  };
-  const reference = (0, _index.cloneElementWithRef)(trigger, (triggerChild) =>
+  let reference = (0, _index.cloneElementWithRef)(trigger, (triggerChild) =>
     getReferenceProps(
       popover.getReferenceProps({
         ...triggerChild.props,
@@ -170,7 +164,7 @@ const Menu = _react.forwardRef((props, ref) => {
       }),
     ),
   );
-  const floating =
+  let floating =
     popover.open &&
     _react.createElement(
       _index.Portal,
@@ -211,7 +205,7 @@ const Menu = _react.forwardRef((props, ref) => {
         },
         reference,
       ),
-      tree != null
+      null != tree
         ? _react.createElement(
             _react1.FloatingNode,
             {
@@ -223,4 +217,4 @@ const Menu = _react.forwardRef((props, ref) => {
     ),
   );
 });
-const MenuContext = _react.createContext(undefined);
+const MenuContext = _react.createContext(void 0);

package/cjs/core/Menu/MenuItem.js

@@ -15,9 +15,9 @@ const _index = require('../../utils/index.js');
 const _Menu = require('./Menu.js');
 const _ListItem = require('../List/ListItem.js');
 const _classnames = _interop_require_default._(require('classnames'));
-const logWarningInDev = (0, _index.createWarningLogger)();
+const logWarning = (0, _index.createWarningLogger)();
 const MenuItem = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     className,
     children,
     isSelected,
@@ -25,7 +25,7 @@ const MenuItem = _react.forwardRef((props, forwardedRef) => {
     value,
     onClick: onClickProp,
     sublabel,
-    size = !!sublabel ? 'large' : 'default',
+    size = sublabel ? 'large' : 'default',
     icon,
     startIcon = icon,
     badge,
@@ -34,16 +34,11 @@ const MenuItem = _react.forwardRef((props, forwardedRef) => {
     subMenuItems = [],
     ...rest
   } = props;
-  if (onClickProp != null && subMenuItems.length > 0) {
-    logWarningInDev(
-      'Passing a non-empty submenuItems array and onClick to MenuItem at the same time is not supported. This is because when a non empty submenuItems array is passed, clicking the MenuItem toggles the submenu visibility.',
-    );
-  }
-  const parentMenu = _react.useContext(_Menu.MenuContext);
-  const menuItemRef = _react.useRef(null);
-  const submenuId = (0, _index.useId)();
-  const popoverProps = _react.useMemo(() => {
-    return {
+  let parentMenu = _react.useContext(_Menu.MenuContext);
+  let menuItemRef = _react.useRef(null);
+  let submenuId = (0, _index.useId)();
+  let popoverProps = _react.useMemo(
+    () => ({
       placement: 'right-start',
       interactions: {
         click: true,
@@ -53,21 +48,20 @@ const MenuItem = _react.forwardRef((props, forwardedRef) => {
           openOnArrowKeyDown: true,
         },
       },
-    };
-  }, [subMenuItems.length]);
-  const onClick = () => {
-    if (disabled) {
-      return;
-    }
+    }),
+    [subMenuItems.length],
+  );
+  let onClick = () => {
+    if (disabled) return;
     onClickProp?.(value);
   };
-  const handlers = {
+  let handlers = {
     onClick,
   };
-  const focusableItemIndex = parentMenu?.focusableElements.findIndex(
+  let focusableItemIndex = parentMenu?.focusableElements.findIndex(
     (el) => el === menuItemRef.current,
   );
-  const trigger = _react.createElement(
+  let trigger = _react.createElement(
     _ListItem.ListItem,
     {
       as: 'button',
@@ -81,8 +75,8 @@ const MenuItem = _react.forwardRef((props, forwardedRef) => {
       role: role,
       tabIndex: isSelected ? 0 : -1,
       'aria-selected': isSelected,
-      'aria-haspopup': subMenuItems.length > 0 ? 'true' : undefined,
-      'aria-controls': subMenuItems.length > 0 ? submenuId : undefined,
+      'aria-haspopup': subMenuItems.length > 0 ? 'true' : void 0,
+      'aria-controls': subMenuItems.length > 0 ? submenuId : void 0,
       'aria-disabled': disabled,
       ...(parentMenu?.popoverGetItemProps != null
         ? parentMenu.popoverGetItemProps({

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -15,7 +15,7 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 const MenuItemSkeleton = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     hasSublabel,
     hasIcon,
     contentWidth,
@@ -32,9 +32,7 @@ const MenuItemSkeleton = _react.forwardRef((props, forwardedRef) => {
       className: (0, _classnames.default)('iui-menu-item-skeleton', className),
       'data-iui-size': hasSublabel && 'large',
       style: {
-        ...{
-          '--iui-menu-item-content-skeleton-max-width': contentWidth,
-        },
+        '--iui-menu-item-content-skeleton-max-width': contentWidth,
         ...style,
       },
       ref: forwardedRef,

package/cjs/core/Modal/Modal.js

@@ -12,7 +12,7 @@ const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildc
 const _react = _interop_require_wildcard._(require('react'));
 const _Dialog = require('../Dialog/Dialog.js');
 const Modal = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     isOpen = false,
     isDismissible = true,
     closeOnEsc = true,

package/cjs/core/NonIdealState/ErrorPage.js

@@ -77,7 +77,7 @@ const SvgTimedOut = _react.lazy(() =>
   ),
 );
 const ErrorPage = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     errorType,
     errorName,
     errorMessage,
@@ -88,7 +88,7 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
     translatedErrorMessages,
     ...rest
   } = props;
-  const defaultErrorMessages = {
+  let defaultErrorMessages = {
     badGateway: 'Bad gateway',
     error: 'Error',
     forbidden: 'Forbidden',
@@ -109,41 +109,30 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
       case '304':
       case '305':
       case '307':
-      case '308': {
+      case '308':
         return _react.createElement(SvgRedirect, null);
-      }
-      case '401': {
+      case '401':
         return _react.createElement(Svg401, null);
-      }
-      case '403': {
+      case '403':
         return _react.createElement(Svg403, null);
-      }
-      case '404': {
+      case '404':
         return _react.createElement(Svg404, null);
-      }
       case '408':
-      case '504': {
+      case '504':
         return _react.createElement(SvgTimedOut, null);
-      }
-      case '500': {
+      case '500':
         return _react.createElement(Svg500, null);
-      }
-      case '502': {
+      case '502':
         return _react.createElement(Svg502, null);
-      }
-      case '503': {
+      case '503':
         return _react.createElement(Svg503, null);
-      }
       case 'generic':
-      default: {
+      default:
         return _react.createElement(SvgError, null);
-      }
     }
   }
   function getHeadingMessage() {
-    if (errorName) {
-      return errorName;
-    }
+    if (errorName) return errorName;
     switch (errorType) {
       case '300':
       case '301':
@@ -152,41 +141,30 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
       case '304':
       case '305':
       case '307':
-      case '308': {
+      case '308':
         return defaultErrorMessages.redirect || '';
-      }
-      case '401': {
+      case '401':
         return defaultErrorMessages.unauthorized;
-      }
-      case '403': {
+      case '403':
         return defaultErrorMessages.forbidden;
-      }
-      case '404': {
+      case '404':
         return defaultErrorMessages.pageNotFound;
-      }
       case '408':
-      case '504': {
+      case '504':
         return defaultErrorMessages.timedOut || '';
-      }
-      case '500': {
+      case '500':
         return defaultErrorMessages.internalServerError;
-      }
-      case '502': {
+      case '502':
         return defaultErrorMessages.badGateway;
-      }
-      case '503': {
+      case '503':
         return defaultErrorMessages.serviceUnavailable;
-      }
       case 'generic':
-      default: {
+      default:
         return defaultErrorMessages.error;
-      }
     }
   }
   function getPrimaryButton() {
-    if (!primaryButtonHandle || !primaryButtonLabel) {
-      return null;
-    }
+    if (!primaryButtonHandle || !primaryButtonLabel) return null;
     return _react.createElement(
       _Button.Button,
       {
@@ -197,9 +175,7 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
     );
   }
   function getSecondaryButton() {
-    if (!secondaryButtonHandle || !secondaryButtonLabel) {
-      return null;
-    }
+    if (!secondaryButtonHandle || !secondaryButtonLabel) return null;
     return _react.createElement(
       _Button.Button,
       {
@@ -210,11 +186,9 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
     );
   }
   function getActions() {
-    const primaryButton = getPrimaryButton();
-    const secondaryButton = getSecondaryButton();
-    if (!primaryButton && !secondaryButton) {
-      return null;
-    }
+    let primaryButton = getPrimaryButton();
+    let secondaryButton = getSecondaryButton();
+    if (!primaryButton && !secondaryButton) return null;
     return _react.createElement(
       _react.Fragment,
       null,