@itwin/itwinui-react 3.12.2 → 3.13.0

package/cjs/core/Footer/Footer.js

@@ -66,15 +66,15 @@ const defaultFooterElements = [
 ];
 const Footer = Object.assign(
   (props) => {
-    const { children, customElements, translatedTitles, className, ...rest } =
+    let { children, customElements, translatedTitles, className, ...rest } =
       props;
-    const titles = {
+    let titles = {
       ...footerTranslations,
       ...translatedTitles,
     };
-    const translatedElements = defaultFooterElements.map((element) => {
+    let translatedElements = defaultFooterElements.map((element) => {
       if (element.key && titles.hasOwnProperty(element.key)) {
-        const key = element.key;
+        let key = element.key;
         return {
           ...element,
           title: titles[key],
@@ -83,12 +83,11 @@ const Footer = Object.assign(
       return element;
     });
     let elements = translatedElements;
-    if (customElements) {
+    if (customElements)
       elements =
-        typeof customElements === 'function'
+        'function' == typeof customElements
           ? customElements(translatedElements)
           : [...translatedElements, ...customElements];
-    }
     return _react.createElement(
       _index.Box,
       {
@@ -101,8 +100,8 @@ const Footer = Object.assign(
         : _react.createElement(
             _FooterList.FooterList,
             null,
-            elements.map((element, index) => {
-              return _react.createElement(
+            elements.map((element, index) =>
+              _react.createElement(
                 _react.Fragment,
                 {
                   key: element.key || `${element.title}-${index}`,
@@ -124,8 +123,8 @@ const Footer = Object.assign(
                       )
                     : element.title,
                 ),
-              );
-            }),
+              ),
+            ),
           ),
     );
   },

package/cjs/core/Header/Header.js

@@ -19,7 +19,7 @@ const defaultTranslations = {
   moreOptions: 'More options',
 };
 const Header = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     appLogo,
     breadcrumbs,
     isSlim = false,
@@ -30,7 +30,7 @@ const Header = _react.forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
-  const headerTranslations = {
+  let headerTranslations = {
     ...defaultTranslations,
     ...translatedStrings,
   };
@@ -39,7 +39,7 @@ const Header = _react.forwardRef((props, forwardedRef) => {
     {
       as: 'header',
       className: (0, _classnames.default)('iui-page-header', className),
-      'data-iui-size': isSlim ? 'slim' : undefined,
+      'data-iui-size': isSlim ? 'slim' : void 0,
       ref: forwardedRef,
       ...rest,
     },

package/cjs/core/Header/HeaderBasicButton.js

@@ -14,10 +14,8 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const HeaderBasicButton = _react.forwardRef((props, ref) => {
-  const { className, children, startIcon, endIcon, styleType, size, ...rest } =
+  let { className, children, startIcon, endIcon, styleType, size, ...rest } =
     props;
-  styleType;
-  size;
   return _react.createElement(
     _index.ButtonBase,
     {

package/cjs/core/Header/HeaderBreadcrumbs.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 HeaderBreadcrumbs = _react.forwardRef((props, forwardedRef) => {
-  const { className, items, ...rest } = props;
+  let { className, items, ...rest } = props;
   return _react.createElement(
     _index.Box,
     {

package/cjs/core/Header/HeaderButton.js

@@ -15,7 +15,7 @@ const _HeaderSplitButton = require('./HeaderSplitButton.js');
 const _HeaderDropdownButton = require('./HeaderDropdownButton.js');
 const _HeaderBasicButton = require('./HeaderBasicButton.js');
 const HeaderButton = _react.forwardRef((props, ref) => {
-  const {
+  let {
     name,
     description,
     htmlName,
@@ -25,7 +25,7 @@ const HeaderButton = _react.forwardRef((props, ref) => {
     disabled,
     ...rest
   } = props;
-  const buttonProps = {
+  let buttonProps = {
     startIcon: startIcon
       ? _react.createElement(
           _index.Box,
@@ -69,10 +69,10 @@ const HeaderButton = _react.forwardRef((props, ref) => {
     }),
     ...rest,
   };
-  const headerButton =
-    !!props.menuItems && !!props.onClick
+  let headerButton =
+    props.menuItems && props.onClick
       ? _react.createElement(_HeaderSplitButton.HeaderSplitButton, buttonProps)
-      : !!props.menuItems
+      : props.menuItems
         ? _react.createElement(
             _HeaderDropdownButton.HeaderDropdownButton,
             buttonProps,
@@ -86,8 +86,8 @@ const HeaderButton = _react.forwardRef((props, ref) => {
     {
       as: 'li',
       className: 'iui-header-breadcrumb-item',
-      'aria-current': isActive ? 'location' : undefined,
-      'aria-disabled': disabled ? 'true' : undefined,
+      'aria-current': isActive ? 'location' : void 0,
+      'aria-disabled': disabled ? 'true' : void 0,
     },
     headerButton,
   );

package/cjs/core/Header/HeaderDropdownButton.js

@@ -16,15 +16,13 @@ const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _index = require('../../utils/index.js');
 const _HeaderBasicButton = require('./HeaderBasicButton.js');
 const HeaderDropdownButton = _react.forwardRef((props, ref) => {
-  const { menuItems, className, children, ...rest } = props;
-  const [isMenuOpen, setIsMenuOpen] = _react.useState(false);
-  const [menuWidth, setMenuWidth] = _react.useState(0);
-  const buttonRef = _react.useRef(null);
-  const refs = (0, _index.useMergedRefs)(ref, buttonRef);
+  let { menuItems, className, children, ...rest } = props;
+  let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
+  let [menuWidth, setMenuWidth] = _react.useState(0);
+  let buttonRef = _react.useRef(null);
+  let refs = (0, _index.useMergedRefs)(ref, buttonRef);
   _react.useEffect(() => {
-    if (buttonRef.current) {
-      setMenuWidth(buttonRef.current.offsetWidth);
-    }
+    if (buttonRef.current) setMenuWidth(buttonRef.current.offsetWidth);
   }, [children]);
   return _react.createElement(
     _DropdownMenu.DropdownMenu,

package/cjs/core/Header/HeaderLogo.js

@@ -14,12 +14,12 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const HeaderLogo = _react.forwardRef((props, ref) => {
-  const {
+  let {
     className,
     children,
     logo,
     onClick,
-    as = !!onClick ? 'button' : 'div',
+    as = onClick ? 'button' : 'div',
     ...rest
   } = props;
   return _react.createElement(
@@ -27,7 +27,7 @@ const HeaderLogo = _react.forwardRef((props, ref) => {
     {
       className: (0, _classnames.default)('iui-header-brand', className),
       as: as,
-      type: as === 'button' ? 'button' : undefined,
+      type: 'button' === as ? 'button' : void 0,
       onClick: onClick,
       ref: ref,
       ...rest,

package/cjs/core/Header/HeaderSplitButton.js

@@ -16,7 +16,7 @@ const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _index = require('../../utils/index.js');
 const _HeaderBasicButton = require('./HeaderBasicButton.js');
 const HeaderSplitButton = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     menuItems,
     className,
     menuPlacement = 'bottom-end',
@@ -24,13 +24,11 @@ const HeaderSplitButton = _react.forwardRef((props, forwardedRef) => {
     disabled,
     ...rest
   } = props;
-  const [isMenuOpen, setIsMenuOpen] = _react.useState(false);
-  const [menuWidth, setMenuWidth] = _react.useState(0);
-  const ref = _react.useRef(null);
+  let [isMenuOpen, setIsMenuOpen] = _react.useState(false);
+  let [menuWidth, setMenuWidth] = _react.useState(0);
+  let ref = _react.useRef(null);
   _react.useEffect(() => {
-    if (ref.current) {
-      setMenuWidth(ref.current.offsetWidth);
-    }
+    if (ref.current) setMenuWidth(ref.current.offsetWidth);
   }, [children]);
   return _react.createElement(
     _index.Box,

package/cjs/core/Icon/Icon.js

@@ -26,7 +26,7 @@ const getSizeValue = (size) => {
   }
 };
 const Icon = _react.forwardRef((props, ref) => {
-  const {
+  let {
     size = 'medium',
     fill = 'default',
     className,
@@ -38,7 +38,7 @@ const Icon = _react.forwardRef((props, ref) => {
     className: (0, _classnames.default)('iui-svg-icon', className),
     'data-iui-icon-size': getSizeValue(size),
     'data-iui-icon-color': fill,
-    'data-iui-padded': padded ? 'true' : undefined,
+    'data-iui-padded': padded ? 'true' : void 0,
     ref: ref,
     ...rest,
   });

package/cjs/core/InformationPanel/InformationPanel.js

@@ -14,7 +14,7 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const InformationPanel = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     className,
     isOpen = false,
     orientation = 'vertical',
@@ -22,19 +22,15 @@ const InformationPanel = _react.forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
-  const [infoPanelSize, setInfoPanelSize] = _react.useState({
-    width: undefined,
-    height: undefined,
+  let [infoPanelSize, setInfoPanelSize] = _react.useState({
+    width: void 0,
+    height: void 0,
   });
-  const infoPanelRef = _react.useRef(null);
-  const refs = (0, _index.useMergedRefs)(forwardedRef, infoPanelRef);
-  const startResize = (e) => {
-    if (!infoPanelRef.current) {
-      return;
-    }
-    if (e.button != undefined && e.button !== 0) {
-      return;
-    }
+  let infoPanelRef = _react.useRef(null);
+  let refs = (0, _index.useMergedRefs)(forwardedRef, infoPanelRef);
+  let startResize = (e) => {
+    if (!infoPanelRef.current) return;
+    if (void 0 != e.button && 0 !== e.button) return;
     e.preventDefault();
     e.stopPropagation();
     infoPanelRef.current.ownerDocument.addEventListener(
@@ -53,24 +49,20 @@ const InformationPanel = _react.forwardRef((props, forwardedRef) => {
       },
     );
   };
-  const onResize = _react.useCallback(
+  let onResize = _react.useCallback(
     (e) => {
       e.preventDefault();
-      if (!infoPanelRef.current) {
-        return;
-      }
-      const { right, bottom } = infoPanelRef.current.getBoundingClientRect();
-      if (orientation === 'vertical') {
-        setInfoPanelSize({
-          width: right - e.clientX,
-          height: undefined,
-        });
-      } else {
-        setInfoPanelSize({
-          height: bottom - e.clientY,
-          width: undefined,
-        });
-      }
+      if (!infoPanelRef.current) return;
+      let { right, bottom } = infoPanelRef.current.getBoundingClientRect();
+      'vertical' === orientation
+        ? setInfoPanelSize({
+            width: right - e.clientX,
+            height: void 0,
+          })
+        : setInfoPanelSize({
+            height: bottom - e.clientY,
+            width: void 0,
+          });
     },
     [orientation],
   );
@@ -80,8 +72,8 @@ const InformationPanel = _react.forwardRef((props, forwardedRef) => {
       className: (0, _classnames.default)(
         'iui-information-panel',
         {
-          'iui-right': orientation === 'vertical',
-          'iui-bottom': orientation === 'horizontal',
+          'iui-right': 'vertical' === orientation,
+          'iui-bottom': 'horizontal' === orientation,
           'iui-visible': isOpen,
         },
         className,
@@ -89,8 +81,8 @@ const InformationPanel = _react.forwardRef((props, forwardedRef) => {
       ref: refs,
       ...rest,
       style: {
-        width: orientation === 'vertical' ? infoPanelSize.width : undefined,
-        height: orientation === 'horizontal' ? infoPanelSize.height : undefined,
+        width: 'vertical' === orientation ? infoPanelSize.width : void 0,
+        height: 'horizontal' === orientation ? infoPanelSize.height : void 0,
         ...props.style,
       },
     },

package/cjs/core/InformationPanel/InformationPanelContent.js

@@ -14,14 +14,14 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const InformationPanelContent = _react.forwardRef((props, forwardedRef) => {
-  const { className, displayStyle = 'default', children, ...rest } = props;
+  let { className, displayStyle = 'default', children, ...rest } = props;
   return _react.createElement(
     _index.Box,
     {
       className: (0, _classnames.default)(
         'iui-information-body-content',
         {
-          'iui-inline': displayStyle === 'inline',
+          'iui-inline': 'inline' === displayStyle,
         },
         className,
       ),

package/cjs/core/InformationPanel/InformationPanelHeader.js

@@ -15,7 +15,7 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _IconButton = require('../Buttons/IconButton.js');
 const _index = require('../../utils/index.js');
 const InformationPanelHeader = _react.forwardRef((props, forwardedRef) => {
-  const { children, onClose, actions, className, ...rest } = props;
+  let { children, onClose, actions, className, ...rest } = props;
   return _react.createElement(
     _index.Box,
     {

package/cjs/core/Input/Input.js

@@ -14,9 +14,9 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const Input = _react.forwardRef((props, ref) => {
-  const { size, htmlSize, status, className, ...rest } = props;
-  const inputRef = _react.useRef(null);
-  const refs = (0, _index.useMergedRefs)(inputRef, ref);
+  let { size, htmlSize, status, className, ...rest } = props;
+  let inputRef = _react.useRef(null);
+  let refs = (0, _index.useMergedRefs)(inputRef, ref);
   return _react.createElement(_index.Box, {
     as: 'input',
     className: (0, _classnames.default)('iui-input', 'iui-field', className),

package/cjs/core/InputGrid/InputGrid.js

@@ -21,13 +21,8 @@ const _InputWithDecorations = require('../InputWithDecorations/InputWithDecorati
 const _ComboBox = require('../ComboBox/ComboBox.js');
 const _Select = require('../Select/Select.js');
 const InputGrid = _react.forwardRef((props, ref) => {
-  const {
-    children: childrenProp,
-    className,
-    labelPlacement = undefined,
-    ...rest
-  } = props;
-  const children = useChildrenWithIds(childrenProp);
+  let { children: childrenProp, className, labelPlacement, ...rest } = props;
+  let children = useChildrenWithIds(childrenProp);
   return _react.createElement(
     _index.Box,
     {
@@ -40,95 +35,78 @@ const InputGrid = _react.forwardRef((props, ref) => {
   );
 });
 const useChildrenWithIds = (children) => {
-  const { labelId, inputId, messageId } = useSetup(children);
+  let { labelId, inputId, messageId } = useSetup(children);
   return _react.useMemo(
     () =>
       _react.Children.map(children, (child) => {
-        if (!_react.isValidElement(child)) {
-          return child;
-        }
-        if (child.type === _Label.Label || child.type === 'label') {
+        if (!_react.isValidElement(child)) return child;
+        if (child.type === _Label.Label || 'label' === child.type)
           return (0, _index.cloneElementWithRef)(child, (child) => ({
             ...child.props,
             htmlFor: child.props.htmlFor || inputId,
             id: child.props.id || labelId,
           }));
-        }
-        if (child.type === _StatusMessage.StatusMessage) {
+        if (child.type === _StatusMessage.StatusMessage)
           return (0, _index.cloneElementWithRef)(child, (child) => ({
             ...child.props,
             id: child.props.id || messageId,
           }));
-        }
         if (
           isInput(child) ||
           child.type === _InputWithDecorations.InputWithDecorations ||
           child.type === _index.InputWithIcon
-        ) {
+        )
           return handleCloningInputs(child, {
             labelId,
             inputId,
             messageId,
           });
-        }
         return child;
       }),
     [children, inputId, labelId, messageId],
   );
 };
 const useSetup = (children) => {
-  const idPrefix = (0, _index.useId)();
+  let idPrefix = (0, _index.useId)();
   let labelId;
   let inputId;
   let messageId;
   let hasLabel = false;
   let hasSelect = false;
-  const findInputId = (child) => {
-    if (!_react.isValidElement(child)) {
-      return;
-    }
-    if (child.type === _ComboBox.ComboBox) {
+  let findInputId = (child) => {
+    if (!_react.isValidElement(child)) return;
+    if (child.type === _ComboBox.ComboBox)
       return child.props.inputProps?.id || `${idPrefix}--input`;
-    } else if (child.type !== _Select.Select) {
+    if (child.type !== _Select.Select)
       return child.props.id || `${idPrefix}--input`;
-    }
   };
   _react.Children.forEach(children, (child) => {
-    if (!_react.isValidElement(child)) {
-      return;
-    }
-    if (child.type === _Label.Label || child.type === 'label') {
+    if (!_react.isValidElement(child)) return;
+    if (child.type === _Label.Label || 'label' === child.type) {
       hasLabel = true;
       labelId || (labelId = child.props.id || `${idPrefix}--label`);
     }
-    if (child.type === _StatusMessage.StatusMessage) {
+    if (child.type === _StatusMessage.StatusMessage)
       messageId || (messageId = child.props.id || `${idPrefix}--message`);
-    }
     if (
       child.type === _InputWithDecorations.InputWithDecorations ||
       child.type === _index.InputWithIcon
-    ) {
+    )
       _react.Children.forEach(child.props.children, (child) => {
-        if (isInput(child)) {
-          inputId || (inputId = findInputId(child));
-        }
+        if (isInput(child)) inputId || (inputId = findInputId(child));
       });
-    } else if (isInput(child)) {
-      inputId || (inputId = findInputId(child));
-    }
-    if (child.type === _Select.Select) {
-      hasSelect = true;
-    }
+    else if (isInput(child)) inputId || (inputId = findInputId(child));
+    if (child.type === _Select.Select) hasSelect = true;
   });
   return {
-    labelId: hasSelect ? labelId : undefined,
-    inputId: hasLabel && !hasSelect ? inputId : undefined,
+    labelId: hasSelect ? labelId : void 0,
+    inputId: hasLabel && !hasSelect ? inputId : void 0,
     messageId,
   };
 };
 const handleCloningInputs = (child, { labelId, inputId, messageId }) => {
-  const inputProps = (props = {}) => {
-    const ariaDescribedBy = [props['aria-describedby'], messageId]
+  let inputProps = (props = {}) => {
+    let ariaDescribedBy = [props['aria-describedby'], messageId]
       .filter(Boolean)
       .join(' ');
     return {
@@ -136,25 +114,21 @@ const handleCloningInputs = (child, { labelId, inputId, messageId }) => {
       ...(child.type !== _Select.Select && {
         id: props.id || inputId,
       }),
-      'aria-describedby': ariaDescribedBy?.trim() || undefined,
+      'aria-describedby': ariaDescribedBy?.trim() || void 0,
     };
   };
-  const cloneInput = (child) => {
-    if (child.type === _ComboBox.ComboBox) {
+  let cloneInput = (child) => {
+    if (child.type === _ComboBox.ComboBox)
       return (0, _index.cloneElementWithRef)(child, (child) => ({
         inputProps: inputProps(child.props.inputProps),
       }));
-    }
-    if (child.type === _Select.Select) {
+    if (child.type === _Select.Select)
       return (0, _index.cloneElementWithRef)(child, (child) => ({
         triggerProps: {
-          ...{
-            'aria-labelledby': labelId,
-          },
+          'aria-labelledby': labelId,
           ...inputProps(child.props.triggerProps),
         },
       }));
-    }
     return (0, _index.cloneElementWithRef)(child, (child) =>
       inputProps(child.props),
     );
@@ -162,28 +136,23 @@ const handleCloningInputs = (child, { labelId, inputId, messageId }) => {
   if (
     child.type === _InputWithDecorations.InputWithDecorations ||
     child.type === _index.InputWithIcon
-  ) {
+  )
     return (0, _index.cloneElementWithRef)(child, (child) => ({
       children: _react.Children.map(child.props.children, (child) => {
-        if (_react.isValidElement(child) && isInput(child)) {
+        if (_react.isValidElement(child) && isInput(child))
           return cloneInput(child);
-        }
         return child;
       }),
     }));
-  }
   return cloneInput(child);
 };
-const isInput = (child) => {
-  return (
-    _react.isValidElement(child) &&
-    (child.type === 'input' ||
-      child.type === 'textarea' ||
-      child.type === 'select' ||
-      child.type === _Input.Input ||
-      child.type === _Textarea.Textarea ||
-      child.type === _InputWithDecorations.InputWithDecorations.Input ||
-      child.type === _Select.Select ||
-      child.type === _ComboBox.ComboBox)
-  );
-};
+const isInput = (child) =>
+  _react.isValidElement(child) &&
+  ('input' === child.type ||
+    'textarea' === child.type ||
+    'select' === child.type ||
+    child.type === _Input.Input ||
+    child.type === _Textarea.Textarea ||
+    child.type === _InputWithDecorations.InputWithDecorations.Input ||
+    child.type === _Select.Select ||
+    child.type === _ComboBox.ComboBox);

package/cjs/core/InputGroup/InputGroup.js

@@ -17,7 +17,7 @@ const _InputGrid = require('../InputGrid/InputGrid.js');
 const _Label = require('../Label/Label.js');
 const _StatusMessage = require('../StatusMessage/StatusMessage.js');
 const InputGroup = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     className,
     children,
     disabled = false,
@@ -75,11 +75,9 @@ const InputGroup = _react.forwardRef((props, forwardedRef) => {
   );
 });
 const BottomMessage = (props) => {
-  const { message, status, svgIcon, displayStyle, messageProps } = props;
-  if (message && typeof message !== 'string') {
-    return message;
-  }
-  if (message || status || svgIcon) {
+  let { message, status, svgIcon, displayStyle, messageProps } = props;
+  if (message && 'string' != typeof message) return message;
+  if (message || status || svgIcon)
     return _react.createElement(
       _StatusMessage.StatusMessage,
       {
@@ -90,8 +88,7 @@ const BottomMessage = (props) => {
         status: status,
         ...messageProps,
       },
-      displayStyle !== 'inline' && message,
+      'inline' !== displayStyle && message,
     );
-  }
   return null;
 };

package/cjs/core/InputWithDecorations/InputWithDecorations.js

@@ -11,9 +11,9 @@ Object.defineProperty(exports, 'InputWithDecorations', {
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const InputWithDecorationsContext = _react.createContext(undefined);
+const InputWithDecorationsContext = _react.createContext(void 0);
 const InputWithDecorationsComponent = _react.forwardRef((props, ref) => {
-  const { children, size, isDisabled, ...rest } = props;
+  let { children, size, isDisabled, ...rest } = props;
   return _react.createElement(
     InputWithDecorationsContext.Provider,
     {
@@ -35,8 +35,8 @@ const InputWithDecorationsComponent = _react.forwardRef((props, ref) => {
   );
 });
 const InputWithDecorationsInput = _react.forwardRef((props, ref) => {
-  const { id: idProp, size, disabled: localDisabled, ...rest } = props;
-  const { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
+  let { id: idProp, size, disabled: localDisabled, ...rest } = props;
+  let { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
     InputWithDecorationsContext,
   );
   return _react.createElement(_index.Box, {
@@ -48,10 +48,9 @@ const InputWithDecorationsInput = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-InputWithDecorationsInput.displayName = 'InputWithDecorations.Input';
 const InputWithDecorationsButton = _react.forwardRef((props, ref) => {
-  const { children, size, disabled: localDisabled, ...rest } = props;
-  const { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
+  let { children, size, disabled: localDisabled, ...rest } = props;
+  let { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
     InputWithDecorationsContext,
   );
   return _react.createElement(
@@ -65,9 +64,7 @@ const InputWithDecorationsButton = _react.forwardRef((props, ref) => {
     children,
   );
 });
-InputWithDecorationsButton.displayName = 'InputWithDecorations.Button';
 const InputWithDecorationsIcon = _index.InputFlexContainerIcon;
-InputWithDecorationsIcon.displayName = 'InputWithDecorations.Icon';
 const InputWithDecorations = Object.assign(InputWithDecorationsComponent, {
   Input: InputWithDecorationsInput,
   Button: InputWithDecorationsButton,