@itwin/itwinui-react 3.0.4 → 3.0.5

package/cjs/core/Breadcrumbs/Breadcrumbs.js

@@ -1,15 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = 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 index_js_1 = require('../utils/index.js');
-const Button_js_1 = require('../Buttons/Button.js');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const index_js_1 = require("../utils/index.js");
+const Button_js_1 = require("../Buttons/Button.js");
 const logWarningInDev = (0, index_js_1.createWarningLogger)();
 /**
  * A breadcrumb trail is used as a navigational aid to help users keep track
@@ -34,146 +34,69 @@ const logWarningInDev = (0, index_js_1.createWarningLogger)();
  * </Breadcrumbs>
  */
 const BreadcrumbsComponent = React.forwardRef((props, ref) => {
-  const {
-    children: items,
-    currentIndex = items.length - 1,
-    separator,
-    overflowButton,
-    className,
-    ...rest
-  } = props;
-  const [overflowRef, visibleCount] = (0, index_js_1.useOverflow)(items);
-  const refs = (0, index_js_1.useMergedRefs)(overflowRef, ref);
-  return React.createElement(
-    index_js_1.Box,
-    {
-      as: 'nav',
-      className: (0, classnames_1.default)('iui-breadcrumbs', className),
-      ref: refs,
-      'aria-label': 'Breadcrumb',
-      ...rest,
-    },
-    React.createElement(
-      index_js_1.Box,
-      { as: 'ol', className: 'iui-breadcrumbs-list' },
-      visibleCount > 1 &&
-        React.createElement(
-          React.Fragment,
-          null,
-          React.createElement(ListItem, {
-            item: items[0],
-            isActive: currentIndex === 0,
-          }),
-          React.createElement(Separator, { separator: separator }),
-        ),
-      items.length - visibleCount > 0 &&
-        React.createElement(
-          React.Fragment,
-          null,
-          React.createElement(
-            index_js_1.Box,
-            { as: 'li', className: 'iui-breadcrumbs-item' },
-            overflowButton
-              ? overflowButton(visibleCount)
-              : React.createElement(
-                  index_js_1.Box,
-                  { as: 'span', className: 'iui-breadcrumbs-content' },
-                  '\u2026',
-                ),
-          ),
-          React.createElement(Separator, { separator: separator }),
-        ),
-      items
-        .slice(
-          visibleCount > 1 ? items.length - visibleCount + 1 : items.length - 1,
-        )
-        .map((_, _index) => {
-          const index =
-            visibleCount > 1
-              ? 1 + (items.length - visibleCount) + _index
-              : items.length - 1;
-          return React.createElement(
-            React.Fragment,
-            { key: index },
-            React.createElement(ListItem, {
-              item: items[index],
-              isActive: currentIndex === index,
-            }),
-            index < items.length - 1 &&
-              React.createElement(Separator, { separator: separator }),
-          );
-        }),
-    ),
-  );
+    const { children: items, currentIndex = items.length - 1, separator, overflowButton, className, ...rest } = props;
+    const [overflowRef, visibleCount] = (0, index_js_1.useOverflow)(items);
+    const refs = (0, index_js_1.useMergedRefs)(overflowRef, ref);
+    return (React.createElement(index_js_1.Box, { as: 'nav', className: (0, classnames_1.default)('iui-breadcrumbs', className), ref: refs, "aria-label": 'Breadcrumb', ...rest },
+        React.createElement(index_js_1.Box, { as: 'ol', className: 'iui-breadcrumbs-list' },
+            visibleCount > 1 && (React.createElement(React.Fragment, null,
+                React.createElement(ListItem, { item: items[0], isActive: currentIndex === 0 }),
+                React.createElement(Separator, { separator: separator }))),
+            items.length - visibleCount > 0 && (React.createElement(React.Fragment, null,
+                React.createElement(index_js_1.Box, { as: 'li', className: 'iui-breadcrumbs-item' }, overflowButton ? (overflowButton(visibleCount)) : (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-breadcrumbs-content' }, "\u2026"))),
+                React.createElement(Separator, { separator: separator }))),
+            items
+                .slice(visibleCount > 1
+                ? items.length - visibleCount + 1
+                : items.length - 1)
+                .map((_, _index) => {
+                const index = visibleCount > 1
+                    ? 1 + (items.length - visibleCount) + _index
+                    : items.length - 1;
+                return (React.createElement(React.Fragment, { key: index },
+                    React.createElement(ListItem, { item: items[index], isActive: currentIndex === index }),
+                    index < items.length - 1 && (React.createElement(Separator, { separator: separator }))));
+            }))));
 });
 // ----------------------------------------------------------------------------
-const ListItem = ({ item, isActive }) => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let children = item;
-  if (
-    children?.type === 'span' ||
-    children?.type === 'a' ||
-    children?.type === Button_js_1.Button
-  ) {
-    logWarningInDev(
-      'Directly using Button/a/span as Breadcrumbs children is deprecated, please use `Breadcrumbs.Item` instead.',
-    );
-    children = React.createElement(BreadcrumbsItem, { ...children.props });
-  }
-  return React.createElement(
-    index_js_1.Box,
-    { as: 'li', className: 'iui-breadcrumbs-item' },
-    children &&
-      React.cloneElement(children, {
-        'aria-current':
-          children.props['aria-current'] ?? isActive ? 'location' : undefined,
-      }),
-  );
+const ListItem = ({ item, isActive, }) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let children = item;
+    if (children?.type === 'span' ||
+        children?.type === 'a' ||
+        children?.type === Button_js_1.Button) {
+        logWarningInDev('Directly using Button/a/span as Breadcrumbs children is deprecated, please use `Breadcrumbs.Item` instead.');
+        children = React.createElement(BreadcrumbsItem, { ...children.props });
+    }
+    return (React.createElement(index_js_1.Box, { as: 'li', className: 'iui-breadcrumbs-item' }, children &&
+        React.cloneElement(children, {
+            'aria-current': children.props['aria-current'] ?? isActive ? 'location' : undefined,
+        })));
 };
 // ----------------------------------------------------------------------------
-const Separator = ({ separator }) =>
-  React.createElement(
-    index_js_1.Box,
-    { as: 'li', className: 'iui-breadcrumbs-separator', 'aria-hidden': true },
-    separator ?? React.createElement(index_js_1.SvgChevronRight, null),
-  );
+const Separator = ({ separator }) => (React.createElement(index_js_1.Box, { as: 'li', className: 'iui-breadcrumbs-separator', "aria-hidden": true }, separator ?? React.createElement(index_js_1.SvgChevronRight, null)));
 // ----------------------------------------------------------------------------
 const BreadcrumbsItem = React.forwardRef((props, forwardedRef) => {
-  const { children: childrenProp, className, ...rest } = props;
-  const defaultAs = !!props.href ? 'a' : !!props.onClick ? 'button' : 'span';
-  const children =
-    defaultAs === 'button'
-      ? React.createElement('span', null, childrenProp)
-      : childrenProp;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      as: defaultAs,
-      className: (0, classnames_1.default)(
-        'iui-breadcrumbs-content',
-        className,
-      ),
-      ref: forwardedRef,
-      ...rest,
-    },
-    children,
-  );
+    const { children: childrenProp, className, ...rest } = props;
+    const defaultAs = !!props.href ? 'a' : !!props.onClick ? 'button' : 'span';
+    const children = defaultAs === 'button' ? React.createElement("span", null, childrenProp) : childrenProp;
+    return (React.createElement(index_js_1.Box, { as: defaultAs, className: (0, classnames_1.default)('iui-breadcrumbs-content', className), ref: forwardedRef, ...rest }, children));
 });
 BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
 // ----------------------------------------------------------------------------
 exports.Breadcrumbs = Object.assign(BreadcrumbsComponent, {
-  /**
-   * Breadcrumbs item subcomponent
-   *
-   * @example
-   * <Breadcrumbs.Item>Breadcrumb Item Title</Breadcrumbs.Item>
-   *
-   * @example
-   * <Breadcrumbs.Item href='https://www.example.com/'>Breadcrumb Anchor Title</Breadcrumbs.Item>
-   *
-   * @example
-   * <Breadcrumbs.Item onClick={() => {}}><SvgCalendar /></Breadcrumbs.Item>
-   */
-  Item: BreadcrumbsItem,
+    /**
+     * Breadcrumbs item subcomponent
+     *
+     * @example
+     * <Breadcrumbs.Item>Breadcrumb Item Title</Breadcrumbs.Item>
+     *
+     * @example
+     * <Breadcrumbs.Item href='https://www.example.com/'>Breadcrumb Anchor Title</Breadcrumbs.Item>
+     *
+     * @example
+     * <Breadcrumbs.Item onClick={() => {}}><SvgCalendar /></Breadcrumbs.Item>
+     */
+    Item: BreadcrumbsItem,
 });
 exports.default = exports.Breadcrumbs;

package/cjs/core/ButtonGroup/ButtonGroup.js

@@ -1,15 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonGroup = 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 index_js_1 = require('../utils/index.js');
-const react_1 = require('@floating-ui/react');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const index_js_1 = require("../utils/index.js");
+const react_1 = require("@floating-ui/react");
 /**
  * Group buttons together for common actions.
  * Handles responsive overflow when the `overflowButton` prop is specified.
@@ -39,66 +39,30 @@ const react_1 = require('@floating-ui/react');
  * </ButtonGroup>
  */
 exports.ButtonGroup = React.forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    overflowButton,
-    overflowPlacement = 'end',
-    orientation = 'horizontal',
-    ...rest
-  } = props;
-  const items = React.useMemo(
-    () => React.Children.toArray(children).filter(Boolean),
-    [children],
-  );
-  const [overflowRef, visibleCount] = (0, index_js_1.useOverflow)(
-    items,
-    !overflowButton,
-    orientation,
-  );
-  const refs = (0, index_js_1.useMergedRefs)(overflowRef, ref);
-  return React.createElement(
-    react_1.FloatingDelayGroup,
-    { delay: { open: 50, close: 250 } },
-    React.createElement(
-      index_js_1.Box,
-      {
-        className: (0, classnames_1.default)(
-          'iui-button-group',
-          {
-            'iui-button-group-overflow-x':
-              !!overflowButton && orientation === 'horizontal',
-          },
-          className,
-        ),
-        'data-iui-orientation':
-          orientation === 'vertical' ? orientation : undefined,
-        ref: refs,
-        ...rest,
-      },
-      (() => {
-        if (!(visibleCount < items.length)) {
-          return items;
-        }
-        const overflowStart =
-          overflowPlacement === 'start'
-            ? items.length - visibleCount
-            : visibleCount - 1;
-        return React.createElement(
-          React.Fragment,
-          null,
-          overflowButton &&
-            overflowPlacement === 'start' &&
-            overflowButton(overflowStart),
-          overflowPlacement === 'start'
-            ? items.slice(overflowStart + 1)
-            : items.slice(0, Math.max(0, overflowStart)),
-          overflowButton &&
-            overflowPlacement === 'end' &&
-            overflowButton(overflowStart),
-        );
-      })(),
-    ),
-  );
+    const { children, className, overflowButton, overflowPlacement = 'end', orientation = 'horizontal', ...rest } = props;
+    const items = React.useMemo(() => React.Children.toArray(children).filter(Boolean), [children]);
+    const [overflowRef, visibleCount] = (0, index_js_1.useOverflow)(items, !overflowButton, orientation);
+    const refs = (0, index_js_1.useMergedRefs)(overflowRef, ref);
+    return (React.createElement(react_1.FloatingDelayGroup, { delay: { open: 50, close: 250 } },
+        React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-button-group', {
+                'iui-button-group-overflow-x': !!overflowButton && orientation === 'horizontal',
+            }, className), "data-iui-orientation": orientation === 'vertical' ? orientation : undefined, ref: refs, ...rest }, (() => {
+            if (!(visibleCount < items.length)) {
+                return items;
+            }
+            const overflowStart = overflowPlacement === 'start'
+                ? items.length - visibleCount
+                : visibleCount - 1;
+            return (React.createElement(React.Fragment, null,
+                overflowButton &&
+                    overflowPlacement === 'start' &&
+                    overflowButton(overflowStart),
+                overflowPlacement === 'start'
+                    ? items.slice(overflowStart + 1)
+                    : items.slice(0, Math.max(0, overflowStart)),
+                overflowButton &&
+                    overflowPlacement === 'end' &&
+                    overflowButton(overflowStart)));
+        })())));
 });
 exports.default = exports.ButtonGroup;

package/cjs/core/Buttons/Button.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = 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");
 /**
  * Generic button component
  * @example
@@ -19,56 +19,10 @@ const index_js_1 = require('../utils/index.js');
  * <Button startIcon={<SvgAdd />}>New</Button>
  */
 exports.Button = React.forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    size,
-    styleType = 'default',
-    startIcon,
-    endIcon,
-    labelProps,
-    startIconProps,
-    endIconProps,
-    ...rest
-  } = props;
-  return React.createElement(
-    index_js_1.ButtonBase,
-    {
-      ref: ref,
-      className: (0, classnames_1.default)('iui-button', className),
-      'data-iui-variant': styleType !== 'default' ? styleType : undefined,
-      'data-iui-size': size,
-      ...rest,
-    },
-    startIcon &&
-      React.createElement(
-        index_js_1.Box,
-        {
-          as: 'span',
-          'aria-hidden': true,
-          ...startIconProps,
-          className: (0, classnames_1.default)(
-            'iui-button-icon',
-            startIconProps?.className,
-          ),
-        },
-        startIcon,
-      ),
-    children && React.createElement('span', { ...labelProps }, children),
-    endIcon &&
-      React.createElement(
-        index_js_1.Box,
-        {
-          as: 'span',
-          'aria-hidden': true,
-          ...endIconProps,
-          className: (0, classnames_1.default)(
-            'iui-button-icon',
-            endIconProps?.className,
-          ),
-        },
-        endIcon,
-      ),
-  );
+    const { children, className, size, styleType = 'default', startIcon, endIcon, labelProps, startIconProps, endIconProps, ...rest } = props;
+    return (React.createElement(index_js_1.ButtonBase, { ref: ref, className: (0, classnames_1.default)('iui-button', className), "data-iui-variant": styleType !== 'default' ? styleType : undefined, "data-iui-size": size, ...rest },
+        startIcon && (React.createElement(index_js_1.Box, { as: 'span', "aria-hidden": true, ...startIconProps, className: (0, classnames_1.default)('iui-button-icon', startIconProps?.className) }, startIcon)),
+        children && React.createElement("span", { ...labelProps }, children),
+        endIcon && (React.createElement(index_js_1.Box, { as: 'span', "aria-hidden": true, ...endIconProps, className: (0, classnames_1.default)('iui-button-icon', endIconProps?.className) }, endIcon))));
 });
 exports.default = exports.Button;

package/cjs/core/Buttons/DropdownButton.js

@@ -1,16 +1,16 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownButton = 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 Button_js_1 = require('./Button.js');
-const DropdownMenu_js_1 = require('../DropdownMenu/DropdownMenu.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 Button_js_1 = require("./Button.js");
+const DropdownMenu_js_1 = require("../DropdownMenu/DropdownMenu.js");
+const index_js_1 = require("../utils/index.js");
 /**
  * Button that opens a DropdownMenu.
  * @example
@@ -21,46 +21,12 @@ const index_js_1 = require('../utils/index.js');
  * <DropdownButton menuItems={menuItems}>Default</DropdownButton>
  */
 exports.DropdownButton = React.forwardRef((props, forwardedRef) => {
-  const {
-    menuItems,
-    className,
-    size,
-    styleType,
-    children,
-    dropdownMenuProps,
-    ...rest
-  } = props;
-  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
-  return React.createElement(
-    DropdownMenu_js_1.DropdownMenu,
-    {
-      menuItems: menuItems,
-      matchWidth: true,
-      visible: isMenuOpen,
-      ...dropdownMenuProps,
-      onVisibleChange: (open) => {
-        setIsMenuOpen(open);
-        dropdownMenuProps?.onVisibleChange?.(open);
-      },
-    },
-    React.createElement(
-      Button_js_1.Button,
-      {
-        className: (0, classnames_1.default)('iui-button-dropdown', className),
-        size: size,
-        styleType: styleType,
-        endIcon: isMenuOpen
-          ? React.createElement(index_js_1.SvgCaretUpSmall, {
-              'aria-hidden': true,
-            })
-          : React.createElement(index_js_1.SvgCaretDownSmall, {
-              'aria-hidden': true,
-            }),
-        ref: forwardedRef,
-        ...rest,
-      },
-      children,
-    ),
-  );
+    const { menuItems, className, size, styleType, children, dropdownMenuProps, ...rest } = props;
+    const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+    return (React.createElement(DropdownMenu_js_1.DropdownMenu, { menuItems: menuItems, matchWidth: true, visible: isMenuOpen, ...dropdownMenuProps, onVisibleChange: (open) => {
+            setIsMenuOpen(open);
+            dropdownMenuProps?.onVisibleChange?.(open);
+        } },
+        React.createElement(Button_js_1.Button, { className: (0, classnames_1.default)('iui-button-dropdown', className), size: size, styleType: styleType, endIcon: isMenuOpen ? (React.createElement(index_js_1.SvgCaretUpSmall, { "aria-hidden": true })) : (React.createElement(index_js_1.SvgCaretDownSmall, { "aria-hidden": true })), ref: forwardedRef, ...rest }, children)));
 });
 exports.default = exports.DropdownButton;

package/cjs/core/Buttons/IconButton.js

@@ -1,16 +1,16 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconButton = 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 Tooltip_js_1 = require('../Tooltip/Tooltip.js');
-const VisuallyHidden_js_1 = require('../VisuallyHidden/VisuallyHidden.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
+const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
+const VisuallyHidden_js_1 = require("../VisuallyHidden/VisuallyHidden.js");
 /**
  * Icon button
  * @example
@@ -19,50 +19,10 @@ const VisuallyHidden_js_1 = require('../VisuallyHidden/VisuallyHidden.js');
  * <IconButton label='Add' styleType='borderless'><SvgAdd /></IconButton>
  */
 exports.IconButton = React.forwardRef((props, ref) => {
-  const {
-    isActive,
-    children,
-    styleType = 'default',
-    size,
-    className,
-    label,
-    iconProps,
-    ...rest
-  } = props;
-  const button = React.createElement(
-    index_js_1.ButtonBase,
-    {
-      ref: ref,
-      className: (0, classnames_1.default)('iui-button', className),
-      'data-iui-variant': styleType !== 'default' ? styleType : undefined,
-      'data-iui-size': size,
-      'data-iui-active': isActive,
-      'aria-pressed': isActive,
-      ...rest,
-    },
-    React.createElement(
-      index_js_1.Box,
-      {
-        as: 'span',
-        'aria-hidden': true,
-        ...iconProps,
-        className: (0, classnames_1.default)(
-          'iui-button-icon',
-          iconProps?.className,
-        ),
-      },
-      children,
-    ),
-    label
-      ? React.createElement(VisuallyHidden_js_1.VisuallyHidden, null, label)
-      : null,
-  );
-  return label
-    ? React.createElement(
-        Tooltip_js_1.Tooltip,
-        { content: label, ariaStrategy: 'none' },
-        button,
-      )
-    : button;
+    const { isActive, children, styleType = 'default', size, className, label, iconProps, ...rest } = props;
+    const button = (React.createElement(index_js_1.ButtonBase, { ref: ref, className: (0, classnames_1.default)('iui-button', className), "data-iui-variant": styleType !== 'default' ? styleType : undefined, "data-iui-size": size, "data-iui-active": isActive, "aria-pressed": isActive, ...rest },
+        React.createElement(index_js_1.Box, { as: 'span', "aria-hidden": true, ...iconProps, className: (0, classnames_1.default)('iui-button-icon', iconProps?.className) }, children),
+        label ? React.createElement(VisuallyHidden_js_1.VisuallyHidden, null, label) : null));
+    return label ? (React.createElement(Tooltip_js_1.Tooltip, { content: label, ariaStrategy: 'none' }, button)) : (button);
 });
 exports.default = exports.IconButton;

package/cjs/core/Buttons/IdeasButton.js

@@ -1,33 +1,21 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.IdeasButton = 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 index_js_1 = require('../utils/index.js');
-const Button_js_1 = require('./Button.js');
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
+const Button_js_1 = require("./Button.js");
 /**
  * Ideas button
  * @example
  * <IdeasButton />
  */
 exports.IdeasButton = React.forwardRef((props, ref) => {
-  const { feedbackLabel = 'Feedback', onClick, ...rest } = props;
-  return React.createElement(
-    Button_js_1.Button,
-    {
-      ref: ref,
-      'data-iui-variant': 'idea',
-      onClick: onClick,
-      startIcon: React.createElement(index_js_1.SvgSmileyHappy, {
-        'aria-hidden': true,
-      }),
-      ...rest,
-    },
-    feedbackLabel,
-  );
+    const { feedbackLabel = 'Feedback', onClick, ...rest } = props;
+    return (React.createElement(Button_js_1.Button, { ref: ref, "data-iui-variant": 'idea', onClick: onClick, startIcon: React.createElement(index_js_1.SvgSmileyHappy, { "aria-hidden": true }), ...rest }, feedbackLabel));
 });
 exports.default = exports.IdeasButton;