@itwin/itwinui-react 3.0.4 → 3.0.6

package/cjs/core/Header/HeaderDropdownButton.js

@@ -1,56 +1,28 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderDropdownButton = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const DropdownMenu_js_1 = require('../DropdownMenu/DropdownMenu.js');
-const index_js_1 = require('../utils/index.js');
-const HeaderBasicButton_js_1 = require('./HeaderBasicButton.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const DropdownMenu_js_1 = require("../DropdownMenu/DropdownMenu.js");
+const index_js_1 = require("../utils/index.js");
+const HeaderBasicButton_js_1 = require("./HeaderBasicButton.js");
 exports.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_js_1.useMergedRefs)(ref, buttonRef);
-  React.useEffect(() => {
-    if (buttonRef.current) {
-      setMenuWidth(buttonRef.current.offsetWidth);
-    }
-  }, [children]);
-  return React.createElement(
-    DropdownMenu_js_1.DropdownMenu,
-    {
-      menuItems: menuItems,
-      style: { minInlineSize: menuWidth },
-      onVisibleChange: (open) => setIsMenuOpen(open),
-    },
-    React.createElement(
-      HeaderBasicButton_js_1.HeaderBasicButton,
-      {
-        className: (0, classnames_1.default)(
-          'iui-header-breadcrumb-button',
-          className,
-        ),
-        ref: refs,
-        'aria-label': 'Dropdown',
-        endIcon: isMenuOpen
-          ? React.createElement(index_js_1.SvgCaretUpSmall, {
-              className: 'iui-header-breadcrumb-button-dropdown-icon',
-              'aria-hidden': true,
-            })
-          : React.createElement(index_js_1.SvgCaretDownSmall, {
-              className: 'iui-header-breadcrumb-button-dropdown-icon',
-              'aria-hidden': true,
-            }),
-        ...rest,
-      },
-      children,
-    ),
-  );
+    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_js_1.useMergedRefs)(ref, buttonRef);
+    React.useEffect(() => {
+        if (buttonRef.current) {
+            setMenuWidth(buttonRef.current.offsetWidth);
+        }
+    }, [children]);
+    return (React.createElement(DropdownMenu_js_1.DropdownMenu, { menuItems: menuItems, style: { minInlineSize: menuWidth }, onVisibleChange: (open) => setIsMenuOpen(open) },
+        React.createElement(HeaderBasicButton_js_1.HeaderBasicButton, { className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), ref: refs, "aria-label": 'Dropdown', endIcon: isMenuOpen ? (React.createElement(index_js_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (React.createElement(index_js_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })), ...rest }, children)));
 });
 exports.default = exports.HeaderDropdownButton;

package/cjs/core/Header/HeaderLogo.js

@@ -1,14 +1,14 @@
-'use strict';
+"use strict";
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderLogo = void 0;
-const tslib_1 = require('tslib');
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../utils/index.js');
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 /**
  * Header Title section
  * @example
@@ -18,41 +18,10 @@ const index_js_1 = require('../utils/index.js');
  * <HeaderLogo logo={<img src='data:image/png;base64,...' />}>Downloaded Image</HeaderLogo>
  */
 exports.HeaderLogo = React.forwardRef((props, ref) => {
-  const {
-    className,
-    children,
-    logo,
-    onClick,
-    as = !!onClick ? 'button' : 'div', // eslint-disable-line @typescript-eslint/no-explicit-any
-    ...rest
-  } = props;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)('iui-header-brand', className),
-      as: as,
-      type: as === 'button' ? 'button' : undefined,
-      onClick: onClick,
-      ref: ref,
-      ...rest,
-    },
-    logo
-      ? React.createElement(
-          index_js_1.Box,
-          {
-            as: 'span',
-            className: 'iui-header-brand-icon',
-            'aria-hidden': true,
-          },
-          logo,
-        )
-      : null,
-    children &&
-      React.createElement(
-        index_js_1.Box,
-        { as: 'span', className: 'iui-header-brand-label' },
-        children,
-      ),
-  );
+    const { className, children, logo, onClick, as = (!!onClick ? 'button' : 'div'), // eslint-disable-line @typescript-eslint/no-explicit-any
+    ...rest } = props;
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-header-brand', className), as: as, type: as === 'button' ? 'button' : undefined, onClick: onClick, ref: ref, ...rest },
+        logo ? (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-header-brand-icon', "aria-hidden": true }, logo)) : null,
+        children && (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-header-brand-label' }, children))));
 });
 exports.default = exports.HeaderLogo;

package/cjs/core/Header/HeaderSplitButton.js

@@ -1,74 +1,29 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSplitButton = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const DropdownMenu_js_1 = require('../DropdownMenu/DropdownMenu.js');
-const index_js_1 = require('../utils/index.js');
-const HeaderBasicButton_js_1 = require('./HeaderBasicButton.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const DropdownMenu_js_1 = require("../DropdownMenu/DropdownMenu.js");
+const index_js_1 = require("../utils/index.js");
+const HeaderBasicButton_js_1 = require("./HeaderBasicButton.js");
 exports.HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
-  const {
-    menuItems,
-    className,
-    menuPlacement = 'bottom-end',
-    children,
-    disabled,
-    ...rest
-  } = props;
-  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
-  const [menuWidth, setMenuWidth] = React.useState(0);
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    if (ref.current) {
-      setMenuWidth(ref.current.offsetWidth);
-    }
-  }, [children]);
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)(
-        'iui-header-breadcrumb-button-wrapper',
-        className,
-      ),
-      ref: ref,
-    },
-    React.createElement(
-      HeaderBasicButton_js_1.HeaderBasicButton,
-      { ref: forwardedRef, disabled: disabled, ...rest },
-      children,
-    ),
-    React.createElement(
-      DropdownMenu_js_1.DropdownMenu,
-      {
-        placement: menuPlacement,
-        menuItems: menuItems,
-        style: { minInlineSize: menuWidth },
-        onVisibleChange: (open) => setIsMenuOpen(open),
-      },
-      React.createElement(
-        index_js_1.ButtonBase,
-        {
-          'aria-label': 'More',
-          className:
-            'iui-header-breadcrumb-button iui-header-breadcrumb-button-split',
-          disabled: disabled,
-        },
-        isMenuOpen
-          ? React.createElement(index_js_1.SvgCaretUpSmall, {
-              className: 'iui-header-breadcrumb-button-dropdown-icon',
-              'aria-hidden': true,
-            })
-          : React.createElement(index_js_1.SvgCaretDownSmall, {
-              className: 'iui-header-breadcrumb-button-dropdown-icon',
-              'aria-hidden': true,
-            }),
-      ),
-    ),
-  );
+    const { menuItems, className, menuPlacement = 'bottom-end', children, disabled, ...rest } = props;
+    const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+    const [menuWidth, setMenuWidth] = React.useState(0);
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (ref.current) {
+            setMenuWidth(ref.current.offsetWidth);
+        }
+    }, [children]);
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-header-breadcrumb-button-wrapper', className), ref: ref },
+        React.createElement(HeaderBasicButton_js_1.HeaderBasicButton, { ref: forwardedRef, disabled: disabled, ...rest }, children),
+        React.createElement(DropdownMenu_js_1.DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minInlineSize: menuWidth }, onVisibleChange: (open) => setIsMenuOpen(open) },
+            React.createElement(index_js_1.ButtonBase, { "aria-label": 'More', className: 'iui-header-breadcrumb-button iui-header-breadcrumb-button-split', disabled: disabled }, isMenuOpen ? (React.createElement(index_js_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (React.createElement(index_js_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true }))))));
 });
 exports.default = exports.HeaderSplitButton;

package/cjs/core/Icon/Icon.js

@@ -1,25 +1,25 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const Box_js_1 = require('../utils/components/Box.js');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Box_js_1 = require("../utils/components/Box.js");
 const getSizeValue = (size) => {
-  switch (size) {
-    case 'small':
-      return 's';
-    case 'medium':
-      return 'm';
-    case 'large':
-      return 'l';
-    default:
-      return size;
-  }
+    switch (size) {
+        case 'small':
+            return 's';
+        case 'medium':
+            return 'm';
+        case 'large':
+            return 'l';
+        default:
+            return size;
+    }
 };
 /**
  * A utility component to provide size and fill to svgs.
@@ -36,21 +36,7 @@ const getSizeValue = (size) => {
  * </Icon>
  */
 exports.Icon = React.forwardRef((props, ref) => {
-  const {
-    size = 'medium',
-    fill = 'default',
-    className,
-    padded = false,
-    ...rest
-  } = props;
-  return React.createElement(Box_js_1.Box, {
-    as: 'span',
-    className: (0, classnames_1.default)('iui-svg-icon', className),
-    'data-iui-icon-size': getSizeValue(size),
-    'data-iui-icon-color': fill,
-    'data-iui-padded': padded ? 'true' : undefined,
-    ref: ref,
-    ...rest,
-  });
+    const { size = 'medium', fill = 'default', className, padded = false, ...rest } = props;
+    return (React.createElement(Box_js_1.Box, { as: 'span', className: (0, classnames_1.default)('iui-svg-icon', className), "data-iui-icon-size": getSizeValue(size), "data-iui-icon-color": fill, "data-iui-padded": padded ? 'true' : undefined, ref: ref, ...rest }));
 });
 exports.default = exports.Icon;

package/cjs/core/InformationPanel/InformationPanel.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.InformationPanel = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../utils/index.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 /**
  * InformationPanel provides a way to view additional content or attributes
  * without leaving the main content area (e.g. Table).
@@ -31,76 +31,41 @@ const index_js_1 = require('../utils/index.js');
  * </InformationPanelWrapper>
  */
 exports.InformationPanel = React.forwardRef((props, ref) => {
-  const {
-    className,
-    isOpen = false,
-    orientation = 'vertical',
-    resizable = true,
-    children,
-    ...rest
-  } = props;
-  const infoPanelRef = React.useRef(null);
-  const refs = (0, index_js_1.useMergedRefs)(ref, infoPanelRef);
-  const startResize = (e) => {
-    if (!infoPanelRef.current) {
-      return;
-    }
-    if (e.button != undefined && e.button !== 0) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    infoPanelRef.current.ownerDocument.addEventListener(
-      'pointermove',
-      onResize,
-    );
-    infoPanelRef.current.ownerDocument.addEventListener(
-      'pointerup',
-      () =>
-        infoPanelRef.current?.ownerDocument.removeEventListener(
-          'pointermove',
-          onResize,
-        ),
-      { once: true },
-    );
-  };
-  const onResize = React.useCallback(
-    (e) => {
-      e.preventDefault();
-      if (!infoPanelRef.current) {
-        return;
-      }
-      const { right, bottom } = infoPanelRef.current.getBoundingClientRect();
-      if (orientation === 'vertical') {
-        infoPanelRef.current.style.width = `${right - e.clientX}px`;
-      } else {
-        infoPanelRef.current.style.height = `${bottom - e.clientY}px`;
-      }
-    },
-    [orientation],
-  );
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)(
-        'iui-information-panel',
-        {
-          'iui-right': orientation === 'vertical',
-          'iui-bottom': orientation === 'horizontal',
-          'iui-visible': isOpen,
-        },
-        className,
-      ),
-      ref: refs,
-      ...rest,
-    },
-    resizable &&
-      React.createElement(
-        index_js_1.Box,
-        { className: 'iui-resizer', onPointerDown: startResize },
-        React.createElement(index_js_1.Box, { className: 'iui-resizer-bar' }),
-      ),
-    children,
-  );
+    const { className, isOpen = false, orientation = 'vertical', resizable = true, children, ...rest } = props;
+    const infoPanelRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(ref, infoPanelRef);
+    const startResize = (e) => {
+        if (!infoPanelRef.current) {
+            return;
+        }
+        if (e.button != undefined && e.button !== 0) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        infoPanelRef.current.ownerDocument.addEventListener('pointermove', onResize);
+        infoPanelRef.current.ownerDocument.addEventListener('pointerup', () => infoPanelRef.current?.ownerDocument.removeEventListener('pointermove', onResize), { once: true });
+    };
+    const onResize = React.useCallback((e) => {
+        e.preventDefault();
+        if (!infoPanelRef.current) {
+            return;
+        }
+        const { right, bottom } = infoPanelRef.current.getBoundingClientRect();
+        if (orientation === 'vertical') {
+            infoPanelRef.current.style.width = `${right - e.clientX}px`;
+        }
+        else {
+            infoPanelRef.current.style.height = `${bottom - e.clientY}px`;
+        }
+    }, [orientation]);
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-information-panel', {
+            'iui-right': orientation === 'vertical',
+            'iui-bottom': orientation === 'horizontal',
+            'iui-visible': isOpen,
+        }, className), ref: refs, ...rest },
+        resizable && (React.createElement(index_js_1.Box, { className: 'iui-resizer', onPointerDown: startResize },
+            React.createElement(index_js_1.Box, { className: 'iui-resizer-bar' }))),
+        children));
 });
 exports.default = exports.InformationPanel;

package/cjs/core/InformationPanel/InformationPanelBody.js

@@ -1,15 +1,13 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.InformationPanelBody = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require('../utils/index.js');
+const index_js_1 = require("../utils/index.js");
 /**
  * Body of the `InformationPanel` containing the main content.
  */
-exports.InformationPanelBody = index_js_1.polymorphic.div(
-  'iui-information-body',
-);
+exports.InformationPanelBody = index_js_1.polymorphic.div('iui-information-body');
 exports.default = exports.InformationPanelBody;

package/cjs/core/InformationPanel/InformationPanelContent.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.InformationPanelContent = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../utils/index.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 /**
  * The `InformationPanelContent` component should be used inside `InformationPanelBody`
  * to style rows of key/value pairs, where the key is ideally represented by a `Label` component
@@ -33,19 +33,7 @@ const index_js_1 = require('../utils/index.js');
  * </InformationPanelContent>
  */
 exports.InformationPanelContent = React.forwardRef((props, forwardedRef) => {
-  const { className, displayStyle = 'default', children, ...rest } = props;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)(
-        'iui-information-body-content',
-        { 'iui-inline': displayStyle === 'inline' },
-        className,
-      ),
-      ref: forwardedRef,
-      ...rest,
-    },
-    children,
-  );
+    const { className, displayStyle = 'default', children, ...rest } = props;
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-information-body-content', { 'iui-inline': displayStyle === 'inline' }, className), ref: forwardedRef, ...rest }, children));
 });
 exports.default = exports.InformationPanelContent;

package/cjs/core/InformationPanel/InformationPanelHeader.js

@@ -1,15 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.InformationPanelHeader = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const IconButton_js_1 = require('../Buttons/IconButton.js');
-const index_js_1 = require('../utils/index.js');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const IconButton_js_1 = require("../Buttons/IconButton.js");
+const index_js_1 = require("../utils/index.js");
 /**
  * Header of the InformationPanel to be passed in the `header` prop.
  *
@@ -27,32 +27,12 @@ const index_js_1 = require('../utils/index.js');
  * </InformationPanelHeader>
  */
 exports.InformationPanelHeader = React.forwardRef((props, forwardedRef) => {
-  const { children, onClose, actions, className, ...rest } = props;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)('iui-information-header', className),
-      ref: forwardedRef,
-      ...rest,
-    },
-    React.createElement(
-      index_js_1.Box,
-      { as: 'span', className: 'iui-information-header-label' },
-      children,
-    ),
-    React.createElement(
-      index_js_1.Box,
-      { className: 'iui-information-header-actions' },
-      actions,
-      onClose &&
-        React.createElement(
-          IconButton_js_1.IconButton,
-          { styleType: 'borderless', onClick: onClose, 'aria-label': 'Close' },
-          React.createElement(index_js_1.SvgCloseSmall, {
-            'aria-hidden': true,
-          }),
-        ),
-    ),
-  );
+    const { children, onClose, actions, className, ...rest } = props;
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-information-header', className), ref: forwardedRef, ...rest },
+        React.createElement(index_js_1.Box, { as: 'span', className: 'iui-information-header-label' }, children),
+        React.createElement(index_js_1.Box, { className: 'iui-information-header-actions' },
+            actions,
+            onClose && (React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
+                React.createElement(index_js_1.SvgCloseSmall, { "aria-hidden": true }))))));
 });
 exports.default = exports.InformationPanelHeader;

package/cjs/core/InformationPanel/InformationPanelWrapper.js

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.InformationPanelWrapper = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require('../utils/index.js');
+const index_js_1 = require("../utils/index.js");
 /**
  * InformationPanelWrapper should contain the `InformationPanel`
  * and the component over which the panel will overlay.
@@ -15,7 +15,5 @@ const index_js_1 = require('../utils/index.js');
  *   <InformationPanel ... />
  * </InformationPanelWrapper>
  */
-exports.InformationPanelWrapper = index_js_1.polymorphic.div(
-  'iui-information-panel-wrapper',
-);
+exports.InformationPanelWrapper = index_js_1.polymorphic.div('iui-information-panel-wrapper');
 exports.default = exports.InformationPanelWrapper;

package/cjs/core/Input/Input.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../utils/index.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 /**
  * Basic input component
  * @example
@@ -16,17 +16,9 @@ const index_js_1 = require('../utils/index.js');
  * <Input size='small' />
  */
 exports.Input = React.forwardRef((props, ref) => {
-  const { size, htmlSize, status, className, ...rest } = props;
-  const inputRef = React.useRef(null);
-  const refs = (0, index_js_1.useMergedRefs)(inputRef, ref);
-  return React.createElement(index_js_1.Box, {
-    as: 'input',
-    className: (0, classnames_1.default)('iui-input', className),
-    'data-iui-size': size,
-    'data-iui-status': status,
-    size: htmlSize,
-    ref: refs,
-    ...rest,
-  });
+    const { size, htmlSize, status, className, ...rest } = props;
+    const inputRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(inputRef, ref);
+    return (React.createElement(index_js_1.Box, { as: 'input', className: (0, classnames_1.default)('iui-input', className), "data-iui-size": size, "data-iui-status": status, size: htmlSize, ref: refs, ...rest }));
 });
 exports.default = exports.Input;