@itwin/itwinui-react 3.17.4 → 3.18.1

package/DEV-esm/core/Dialog/DialogTitleBarTitle.js

@@ -1,3 +1,4 @@
 import { polymorphic } from '../../utils/index.js';
 export const DialogTitleBarTitle = polymorphic.div('iui-dialog-title');
-DialogTitleBarTitle.displayName = 'Dialog.TitleBar.Title';
+if ('development' === process.env.NODE_ENV)
+  DialogTitleBarTitle.displayName = 'Dialog.TitleBar.Title';

package/DEV-esm/core/Divider/Divider.js

@@ -11,4 +11,4 @@ export const Divider = React.forwardRef((props, ref) => {
     ...rest,
   });
 });
-Divider.displayName = 'Divider';
+if ('development' === process.env.NODE_ENV) Divider.displayName = 'Divider';

package/DEV-esm/core/DropdownMenu/DropdownMenu.js

@@ -12,7 +12,8 @@ export const DropdownMenu = React.forwardRef((props, forwardedRef) =>
     }),
   ),
 );
-DropdownMenu.displayName = 'DropdownMenu';
+if ('development' === process.env.NODE_ENV)
+  DropdownMenu.displayName = 'DropdownMenu';
 let DropdownMenuContent = React.forwardRef((props, forwardedRef) => {
   let {
     menuItems,
@@ -24,6 +25,7 @@ let DropdownMenuContent = React.forwardRef((props, forwardedRef) => {
     onVisibleChange,
     portal = true,
     middleware,
+    closeOnItemClick = false,
     ...rest
   } = props;
   let [visible, setVisible] = useControlledState(
@@ -45,34 +47,40 @@ let DropdownMenuContent = React.forwardRef((props, forwardedRef) => {
     [close],
   );
   return React.createElement(
-    DropdownMenuContext.Provider,
+    DropdownMenuCloseOnClickContext.Provider,
     {
-      value: dropdownMenuContextValue,
+      value: closeOnItemClick,
     },
     React.createElement(
-      Menu,
+      DropdownMenuContext.Provider,
       {
-        trigger: children,
-        onKeyDown: mergeEventHandlers(props.onKeyDown, (e) => {
-          if (e.defaultPrevented) return;
-          if ('Tab' === e.key) setVisible(false);
-        }),
-        role: role,
-        ref: forwardedRef,
-        portal: portal,
-        popoverProps: React.useMemo(
-          () => ({
-            placement,
-            matchWidth,
-            visible,
-            onVisibleChange: setVisible,
-            middleware,
-          }),
-          [matchWidth, middleware, placement, setVisible, visible],
-        ),
-        ...rest,
+        value: dropdownMenuContextValue,
       },
-      menuContent,
+      React.createElement(
+        Menu,
+        {
+          trigger: children,
+          onKeyDown: mergeEventHandlers(props.onKeyDown, (e) => {
+            if (e.defaultPrevented) return;
+            if ('Tab' === e.key) setVisible(false);
+          }),
+          role: role,
+          ref: forwardedRef,
+          portal: portal,
+          popoverProps: React.useMemo(
+            () => ({
+              placement,
+              matchWidth,
+              visible,
+              onVisibleChange: setVisible,
+              middleware,
+            }),
+            [matchWidth, middleware, placement, setVisible, visible],
+          ),
+          ...rest,
+        },
+        menuContent,
+      ),
     ),
   );
 });

package/DEV-esm/core/ExpandableBlock/ExpandableBlock.js

@@ -13,7 +13,8 @@ import {
 import { Icon } from '../Icon/Icon.js';
 import { LinkBox } from '../LinkAction/LinkAction.js';
 let ExpandableBlockContext = React.createContext(void 0);
-ExpandableBlockContext.displayName = 'ExpandableBlockContext';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockContext.displayName = 'ExpandableBlockContext';
 let ExpandableBlockComponent = React.forwardRef((props, forwardedRef) => {
   let { children, title, caption, endIcon, ...rest } = props;
   return React.createElement(
@@ -30,86 +31,93 @@ let ExpandableBlockComponent = React.forwardRef((props, forwardedRef) => {
     React.createElement(ExpandableBlock.Content, null, children),
   );
 });
-ExpandableBlockComponent.displayName = 'ExpandableBlock';
-let ExpandableBlockWrapper = React.forwardRef((props, forwardedRef) => {
-  let {
-    children,
-    className,
-    onToggle,
-    style,
-    isExpanded,
-    status,
-    size = 'default',
-    styleType = 'default',
-    disabled = false,
-    ...rest
-  } = props;
-  let [expandedState, setExpanded] = React.useState(isExpanded ?? false);
-  let expanded = isExpanded ?? expandedState;
-  let [descriptionId, setDescriptionId] = React.useState(void 0);
-  return React.createElement(
-    ExpandableBlockContext.Provider,
-    {
-      value: {
-        status,
-        isExpanded: expanded,
-        onToggle,
-        size,
-        styleType,
-        disabled,
-        setExpanded,
-        children,
-        descriptionId,
-        setDescriptionId,
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockComponent.displayName = 'ExpandableBlock';
+export const ExpandableBlockWrapper = React.forwardRef(
+  (props, forwardedRef) => {
+    let {
+      children,
+      className,
+      onToggle,
+      style,
+      isExpanded,
+      status,
+      size = 'default',
+      styleType = 'default',
+      disabled = false,
+      ...rest
+    } = props;
+    let [expandedState, setExpanded] = React.useState(isExpanded ?? false);
+    let expanded = isExpanded ?? expandedState;
+    let [descriptionId, setDescriptionId] = React.useState(void 0);
+    return React.createElement(
+      ExpandableBlockContext.Provider,
+      {
+        value: {
+          status,
+          isExpanded: expanded,
+          onToggle,
+          size,
+          styleType,
+          disabled,
+          setExpanded,
+          children,
+          descriptionId,
+          setDescriptionId,
+        },
       },
-    },
-    React.createElement(
-      Box,
+      React.createElement(
+        Box,
+        {
+          className: cx('iui-expandable-block', className),
+          'data-iui-expanded': expanded,
+          'data-iui-size': size,
+          'data-iui-variant': 'default' !== styleType ? styleType : void 0,
+          style: style,
+          ref: forwardedRef,
+          ...rest,
+        },
+        children,
+      ),
+    );
+  },
+);
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockWrapper.displayName = 'ExpandableBlock.Wrapper';
+export const ExpandableBlockTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    let { className, children, label, caption, expandIcon, endIcon, ...rest } =
+      props;
+    let { disabled, status } = useSafeContext(ExpandableBlockContext);
+    return React.createElement(
+      LinkBox,
       {
-        className: cx('iui-expandable-block', className),
-        'data-iui-expanded': expanded,
-        'data-iui-size': size,
-        'data-iui-variant': 'default' !== styleType ? styleType : void 0,
-        style: style,
+        className: cx('iui-expandable-header', className),
+        'data-iui-disabled': disabled ? 'true' : void 0,
         ref: forwardedRef,
         ...rest,
       },
-      children,
-    ),
-  );
-});
-ExpandableBlockWrapper.displayName = 'ExpandableBlock.Wrapper';
-let ExpandableBlockTrigger = React.forwardRef((props, forwardedRef) => {
-  let { className, children, label, caption, expandIcon, endIcon, ...rest } =
-    props;
-  let { disabled, status } = useSafeContext(ExpandableBlockContext);
-  return React.createElement(
-    LinkBox,
-    {
-      className: cx('iui-expandable-header', className),
-      'data-iui-disabled': disabled ? 'true' : void 0,
-      ref: forwardedRef,
-      ...rest,
-    },
-    children ??
-      React.createElement(
-        React.Fragment,
-        null,
-        expandIcon ?? React.createElement(ExpandableBlock.ExpandIcon, null),
+      children ??
         React.createElement(
-          ExpandableBlock.LabelArea,
+          React.Fragment,
           null,
-          React.createElement(ExpandableBlock.Title, null, label),
-          caption &&
-            React.createElement(ExpandableBlock.Caption, null, caption),
+          expandIcon ?? React.createElement(ExpandableBlock.ExpandIcon, null),
+          React.createElement(
+            ExpandableBlock.LabelArea,
+            null,
+            React.createElement(ExpandableBlock.Title, null, label),
+            caption &&
+              React.createElement(ExpandableBlock.Caption, null, caption),
+          ),
+          endIcon || status
+            ? React.createElement(ExpandableBlock.EndIcon, null, endIcon)
+            : null,
         ),
-        endIcon || status
-          ? React.createElement(ExpandableBlock.EndIcon, null, endIcon)
-          : null,
-      ),
-  );
-});
-ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
+    );
+  },
+);
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
 let ExpandableBlockExpandIcon = React.forwardRef((props, forwardedRef) => {
   let { className, children, ...rest } = props;
   return React.createElement(
@@ -125,9 +133,11 @@ let ExpandableBlockExpandIcon = React.forwardRef((props, forwardedRef) => {
       }),
   );
 });
-ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
 let ExpandableBlockLabelArea = polymorphic.span('iui-expandable-block-label');
-ExpandableBlockLabelArea.displayName = 'ExpandableBlock.LabelArea';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockLabelArea.displayName = 'ExpandableBlock.LabelArea';
 let ExpandableBlockTitle = React.forwardRef((props, forwardedRef) => {
   let { className, children, onClick: onClickProp, ...rest } = props;
   let { isExpanded, setExpanded, disabled, onToggle, descriptionId } =
@@ -150,7 +160,8 @@ let ExpandableBlockTitle = React.forwardRef((props, forwardedRef) => {
     children,
   );
 });
-ExpandableBlockTitle.displayName = 'ExpandableBlock.Title';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockTitle.displayName = 'ExpandableBlock.Title';
 let ExpandableBlockCaption = React.forwardRef((props, forwardedRef) => {
   let fallbackId = useId();
   let { setDescriptionId } = useSafeContext(ExpandableBlockContext);
@@ -165,7 +176,8 @@ let ExpandableBlockCaption = React.forwardRef((props, forwardedRef) => {
     className: cx('iui-expandable-block-caption', props?.className),
   });
 });
-ExpandableBlockCaption.displayName = 'ExpandableBlock.Caption';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockCaption.displayName = 'ExpandableBlock.Caption';
 let ExpandableBlockEndIcon = React.forwardRef((props, forwardedRef) => {
   let { children, ...rest } = props;
   let { status } = useSafeContext(ExpandableBlockContext);
@@ -180,20 +192,24 @@ let ExpandableBlockEndIcon = React.forwardRef((props, forwardedRef) => {
     icon,
   );
 });
-ExpandableBlockEndIcon.displayName = 'ExpandableBlock.EndIcon';
-let ExpandableBlockContent = React.forwardRef((props, forwardedRef) => {
-  let { className, children, innerProps, ...rest } = props;
-  return React.createElement(
-    Box,
-    {
-      className: cx('iui-expandable-content', className),
-      ref: forwardedRef,
-      ...rest,
-    },
-    React.createElement(Box, innerProps, children),
-  );
-});
-ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockEndIcon.displayName = 'ExpandableBlock.EndIcon';
+export const ExpandableBlockContent = React.forwardRef(
+  (props, forwardedRef) => {
+    let { className, children, innerProps, ...rest } = props;
+    return React.createElement(
+      Box,
+      {
+        className: cx('iui-expandable-content', className),
+        ref: forwardedRef,
+        ...rest,
+      },
+      React.createElement(Box, innerProps, children),
+    );
+  },
+);
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
 export const ExpandableBlock = Object.assign(ExpandableBlockComponent, {
   Wrapper: ExpandableBlockWrapper,
   Trigger: ExpandableBlockTrigger,

package/DEV-esm/core/Fieldset/Fieldset.js

@@ -23,4 +23,4 @@ export const Fieldset = React.forwardRef((props, ref) => {
       : children,
   );
 });
-Fieldset.displayName = 'Fieldset';
+if ('development' === process.env.NODE_ENV) Fieldset.displayName = 'Fieldset';

package/DEV-esm/core/FileUpload/FileEmptyCard.js

@@ -5,9 +5,11 @@ import { FileUploadCard } from './FileUploadCard.js';
 let FileEmptyCardIcon = polymorphic.span('iui-file-card-empty-icon', {
   children: React.createElement(SvgUpload, null),
 });
-FileEmptyCardIcon.displayName = 'FileEmptyCard.Icon';
+if ('development' === process.env.NODE_ENV)
+  FileEmptyCardIcon.displayName = 'FileEmptyCard.Icon';
 let FileEmptyCardText = polymorphic.span('iui-file-card-empty-action');
-FileEmptyCardText.displayName = 'FileEmptyCard.Text';
+if ('development' === process.env.NODE_ENV)
+  FileEmptyCardText.displayName = 'FileEmptyCard.Text';
 let FileEmptyCardComponent = React.forwardRef((props, ref) => {
   let { children, className, ...rest } = props;
   return React.createElement(
@@ -31,7 +33,8 @@ let FileEmptyCardComponent = React.forwardRef((props, ref) => {
       ),
   );
 });
-FileEmptyCardComponent.displayName = 'FileEmptyCard';
+if ('development' === process.env.NODE_ENV)
+  FileEmptyCardComponent.displayName = 'FileEmptyCard';
 export const FileEmptyCard = Object.assign(FileEmptyCardComponent, {
   Icon: FileEmptyCardIcon,
   Text: FileEmptyCardText,

package/DEV-esm/core/FileUpload/FileUpload.js

@@ -68,4 +68,5 @@ export const FileUpload = React.forwardRef((props, forwardedRef) => {
       ),
   );
 });
-FileUpload.displayName = 'FileUpload';
+if ('development' === process.env.NODE_ENV)
+  FileUpload.displayName = 'FileUpload';

package/DEV-esm/core/FileUpload/FileUploadCard.js

@@ -26,9 +26,11 @@ let toDate = (dateNumber) => {
 let FileUploadCardIcon = polymorphic.span('iui-file-card-icon', {
   children: React.createElement(SvgDocument, null),
 });
-FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
 let FileUploadCardInfo = polymorphic.span('iui-file-card-text');
-FileUploadCardInfo.displayName = 'FileUploadCard.Info';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardInfo.displayName = 'FileUploadCard.Info';
 let FileUploadCardTitle = React.forwardRef((props, ref) => {
   let { children, className, ...rest } = props;
   let { files } = useSafeContext(FileUploadCardContext);
@@ -45,7 +47,8 @@ let FileUploadCardTitle = React.forwardRef((props, ref) => {
     children ?? title,
   );
 });
-FileUploadCardTitle.displayName = 'FileUploadCard.Title';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardTitle.displayName = 'FileUploadCard.Title';
 let FileUploadCardDescription = React.forwardRef((props, ref) => {
   let { children, className, ...rest } = props;
   let { files } = useSafeContext(FileUploadCardContext);
@@ -66,9 +69,11 @@ let FileUploadCardDescription = React.forwardRef((props, ref) => {
     children ?? description,
   );
 });
-FileUploadCardDescription.displayName = 'FileUploadCard.Description';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardDescription.displayName = 'FileUploadCard.Description';
 let FileUploadCardAction = polymorphic.div('iui-file-card-action');
-FileUploadCardAction.displayName = 'FileUploadCard.Action';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardAction.displayName = 'FileUploadCard.Action';
 let FileUploadCardInputLabel = React.forwardRef((props, ref) => {
   let { children, ...rest } = props;
   let { inputId } = useSafeContext(FileUploadCardContext);
@@ -83,7 +88,8 @@ let FileUploadCardInputLabel = React.forwardRef((props, ref) => {
     children,
   );
 });
-FileUploadCardInputLabel.displayName = 'FileUploadCard.InputLabel';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardInputLabel.displayName = 'FileUploadCard.InputLabel';
 let FileUploadCardInput = React.forwardRef((props, ref) => {
   let { children, onChange, id, ...rest } = props;
   let { files, onFilesChange, setInternalFiles, inputId, setInputId } =
@@ -121,7 +127,8 @@ let FileUploadCardInput = React.forwardRef((props, ref) => {
     children,
   );
 });
-FileUploadCardInput.displayName = 'FileUploadCard.Input';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardInput.displayName = 'FileUploadCard.Input';
 let FileUploadCardComponent = React.forwardRef((props, ref) => {
   let {
     className,
@@ -186,6 +193,8 @@ export const FileUploadCard = Object.assign(FileUploadCardComponent, {
   InputLabel: FileUploadCardInputLabel,
   Input: FileUploadCardInput,
 });
-FileUploadCard.displayName = 'FileUploadCard';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCard.displayName = 'FileUploadCard';
 export const FileUploadCardContext = React.createContext(void 0);
-FileUploadCardContext.displayName = 'FileUploadCardContext';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardContext.displayName = 'FileUploadCardContext';

package/DEV-esm/core/FileUpload/FileUploadTemplate.js

@@ -49,4 +49,5 @@ export const FileUploadTemplate = React.forwardRef((props, ref) => {
     ),
   );
 });
-FileUploadTemplate.displayName = 'FileUploadTemplate';
+if ('development' === process.env.NODE_ENV)
+  FileUploadTemplate.displayName = 'FileUploadTemplate';

package/DEV-esm/core/Flex/Flex.js

@@ -33,7 +33,7 @@ let FlexComponent = React.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexComponent.displayName = 'Flex';
+if ('development' === process.env.NODE_ENV) FlexComponent.displayName = 'Flex';
 let FlexSpacer = React.forwardRef((props, ref) => {
   let { flex, className, style, ...rest } = props;
   return React.createElement(Box, {
@@ -46,7 +46,8 @@ let FlexSpacer = React.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexSpacer.displayName = 'Flex.Spacer';
+if ('development' === process.env.NODE_ENV)
+  FlexSpacer.displayName = 'Flex.Spacer';
 let FlexItem = React.forwardRef((props, ref) => {
   let { gapBefore, gapAfter, flex, alignSelf, className, style, ...rest } =
     props;
@@ -70,7 +71,7 @@ let FlexItem = React.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexItem.displayName = 'Flex.Item';
+if ('development' === process.env.NODE_ENV) FlexItem.displayName = 'Flex.Item';
 export const Flex = Object.assign(FlexComponent, {
   Item: FlexItem,
   Spacer: FlexSpacer,

package/DEV-esm/core/Footer/Footer.js

@@ -112,4 +112,4 @@ export const Footer = Object.assign(
     Separator: FooterSeparator,
   },
 );
-Footer.displayName = 'Footer';
+if ('development' === process.env.NODE_ENV) Footer.displayName = 'Footer';

package/DEV-esm/core/Footer/FooterItem.js

@@ -1,3 +1,4 @@
 import { polymorphic } from '../../utils/index.js';
 export const FooterItem = polymorphic.li('iui-legal-footer-item');
-FooterItem.displayName = 'Footer.Item';
+if ('development' === process.env.NODE_ENV)
+  FooterItem.displayName = 'Footer.Item';

package/DEV-esm/core/Footer/FooterList.js

@@ -1,3 +1,4 @@
 import { polymorphic } from '../../utils/index.js';
 export const FooterList = polymorphic.ul('iui-legal-footer-list');
-FooterList.displayName = 'Footer.List';
+if ('development' === process.env.NODE_ENV)
+  FooterList.displayName = 'Footer.List';

package/DEV-esm/core/Footer/FooterSeparator.js

@@ -2,4 +2,5 @@ import { polymorphic } from '../../utils/index.js';
 export const FooterSeparator = polymorphic.li('iui-legal-footer-separator', {
   'aria-hidden': true,
 });
-FooterSeparator.displayName = 'Footer.Separator';
+if ('development' === process.env.NODE_ENV)
+  FooterSeparator.displayName = 'Footer.Separator';

package/DEV-esm/core/Header/Header.js

@@ -77,4 +77,4 @@ export const Header = React.forwardRef((props, forwardedRef) => {
     ),
   );
 });
-Header.displayName = 'Header';
+if ('development' === process.env.NODE_ENV) Header.displayName = 'Header';

package/DEV-esm/core/Header/HeaderBreadcrumbs.js

@@ -42,4 +42,5 @@ export const HeaderBreadcrumbs = React.forwardRef((props, forwardedRef) => {
     ),
   );
 });
-HeaderBreadcrumbs.displayName = 'HeaderBreadcrumbs';
+if ('development' === process.env.NODE_ENV)
+  HeaderBreadcrumbs.displayName = 'HeaderBreadcrumbs';

package/DEV-esm/core/Header/HeaderButton.js

@@ -75,4 +75,5 @@ export const HeaderButton = React.forwardRef((props, ref) => {
     headerButton,
   );
 });
-HeaderButton.displayName = 'HeaderButton';
+if ('development' === process.env.NODE_ENV)
+  HeaderButton.displayName = 'HeaderButton';

package/DEV-esm/core/Header/HeaderLogo.js

@@ -7,7 +7,7 @@ export const HeaderLogo = React.forwardRef((props, ref) => {
     children,
     logo,
     onClick,
-    as = onClick ? 'button' : 'div',
+    as = !!onClick ? 'button' : 'div',
     ...rest
   } = props;
   return React.createElement(
@@ -42,4 +42,5 @@ export const HeaderLogo = React.forwardRef((props, ref) => {
       ),
   );
 });
-HeaderLogo.displayName = 'HeaderLogo';
+if ('development' === process.env.NODE_ENV)
+  HeaderLogo.displayName = 'HeaderLogo';

package/DEV-esm/core/Icon/Icon.js

@@ -31,4 +31,4 @@ export const Icon = React.forwardRef((props, ref) => {
     ...rest,
   });
 });
-Icon.displayName = 'Icon';
+if ('development' === process.env.NODE_ENV) Icon.displayName = 'Icon';

package/DEV-esm/core/InformationPanel/InformationPanel.js

@@ -88,4 +88,5 @@ export const InformationPanel = React.forwardRef((props, forwardedRef) => {
     children,
   );
 });
-InformationPanel.displayName = 'InformationPanel';
+if ('development' === process.env.NODE_ENV)
+  InformationPanel.displayName = 'InformationPanel';

package/DEV-esm/core/InformationPanel/InformationPanelBody.js

@@ -1,3 +1,4 @@
 import { polymorphic } from '../../utils/index.js';
 export const InformationPanelBody = polymorphic.div('iui-information-body');
-InformationPanelBody.displayName = 'InformationPanel.Body';
+if ('development' === process.env.NODE_ENV)
+  InformationPanelBody.displayName = 'InformationPanel.Body';

package/DEV-esm/core/InformationPanel/InformationPanelContent.js

@@ -21,4 +21,5 @@ export const InformationPanelContent = React.forwardRef(
     );
   },
 );
-InformationPanelContent.displayName = 'InformationPanelContent';
+if ('development' === process.env.NODE_ENV)
+  InformationPanelContent.displayName = 'InformationPanelContent';

package/DEV-esm/core/InformationPanel/InformationPanelHeader.js

@@ -42,4 +42,5 @@ export const InformationPanelHeader = React.forwardRef(
     );
   },
 );
-InformationPanelHeader.displayName = 'InformationPanelHeader';
+if ('development' === process.env.NODE_ENV)
+  InformationPanelHeader.displayName = 'InformationPanelHeader';

package/DEV-esm/core/InformationPanel/InformationPanelWrapper.js

@@ -2,4 +2,5 @@ import { polymorphic } from '../../utils/index.js';
 export const InformationPanelWrapper = polymorphic.div(
   'iui-information-panel-wrapper',
 );
-InformationPanelWrapper.displayName = 'InformationPanelWrapper';
+if ('development' === process.env.NODE_ENV)
+  InformationPanelWrapper.displayName = 'InformationPanelWrapper';

package/DEV-esm/core/Input/Input.js

@@ -15,4 +15,4 @@ export const Input = React.forwardRef((props, ref) => {
     ...rest,
   });
 });
-Input.displayName = 'Input';
+if ('development' === process.env.NODE_ENV) Input.displayName = 'Input';

package/DEV-esm/core/InputGrid/InputGrid.js

@@ -27,7 +27,7 @@ export const InputGrid = React.forwardRef((props, ref) => {
     children,
   );
 });
-InputGrid.displayName = 'InputGrid';
+if ('development' === process.env.NODE_ENV) InputGrid.displayName = 'InputGrid';
 let useChildrenWithIds = (children) => {
   let { labelId, inputId, messageId } = useSetup(children);
   return React.useMemo(

package/DEV-esm/core/InputGroup/InputGroup.js

@@ -59,7 +59,8 @@ export const InputGroup = React.forwardRef((props, forwardedRef) => {
     }),
   );
 });
-InputGroup.displayName = 'InputGroup';
+if ('development' === process.env.NODE_ENV)
+  InputGroup.displayName = 'InputGroup';
 let BottomMessage = (props) => {
   let { message, status, svgIcon, displayStyle, messageProps } = props;
   if (message && 'string' != typeof message) return message;