@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/Footer/FooterSeparator.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,8 +31,8 @@ exports.FooterSeparator = 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 react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
 require("@itwin/itwinui-css/css/footer.css");
 /**
@@ -17,8 +40,8 @@ require("@itwin/itwinui-css/css/footer.css");
  */
 const FooterSeparator = (props) => {
     const { className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-legal-footer-separator', className), "aria-hidden": true, ...rest }));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("li", { className: (0, classnames_1.default)('iui-legal-footer-separator', className), "aria-hidden": true, ...rest }));
 };
 exports.FooterSeparator = FooterSeparator;
 exports.default = exports.FooterSeparator;

package/cjs/core/Footer/index.d.ts

@@ -1,4 +1,4 @@
-export { Footer, defaultFooterElements } from './Footer';
-export type { FooterElement, FooterProps, TitleTranslations } from './Footer';
+export { Footer, defaultFooterElements } from './Footer.js';
+export type { FooterElement, FooterProps, TitleTranslations, } from './Footer.js';
 declare const _default: "./Footer";
 export default _default;

package/cjs/core/Footer/index.js

@@ -5,7 +5,7 @@ exports.defaultFooterElements = exports.Footer = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Footer_1 = require("./Footer");
-Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return Footer_1.Footer; } });
-Object.defineProperty(exports, "defaultFooterElements", { enumerable: true, get: function () { return Footer_1.defaultFooterElements; } });
+var Footer_js_1 = require("./Footer.js");
+Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return Footer_js_1.Footer; } });
+Object.defineProperty(exports, "defaultFooterElements", { enumerable: true, get: function () { return Footer_js_1.defaultFooterElements; } });
 exports.default = './Footer';

package/cjs/core/Header/Header.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/header.css';
 export declare type HeaderTranslations = {
     /**

package/cjs/core/Header/Header.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,11 +32,11 @@ exports.Header = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const Buttons_1 = require("../Buttons");
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../Buttons/index.js");
+const index_js_2 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/header.css");
-const DropdownMenu_1 = require("../DropdownMenu");
+const index_js_3 = require("../DropdownMenu/index.js");
 const defaultTranslations = {
     moreOptions: 'More options',
 };
@@ -46,20 +69,20 @@ const defaultTranslations = {
  */
 const Header = (props) => {
     const { appLogo, breadcrumbs, isSlim = false, actions, userIcon, menuItems, translatedStrings, className, children, ...rest } = props;
-    (0, utils_1.useTheme)();
+    (0, index_js_2.useTheme)();
     const headerTranslations = { ...defaultTranslations, ...translatedStrings };
-    return (react_1.default.createElement("header", { className: (0, classnames_1.default)('iui-page-header', className), "data-iui-size": isSlim ? 'slim' : undefined, ...rest },
-        react_1.default.createElement("div", { className: 'iui-page-header-left' },
+    return (React.createElement("header", { className: (0, classnames_1.default)('iui-page-header', className), "data-iui-size": isSlim ? 'slim' : undefined, ...rest },
+        React.createElement("div", { className: 'iui-page-header-left' },
             appLogo,
-            breadcrumbs && react_1.default.createElement("div", { className: 'iui-page-header-divider' }),
+            breadcrumbs && React.createElement("div", { className: 'iui-page-header-divider' }),
             breadcrumbs),
-        children && react_1.default.createElement("div", { className: 'iui-page-header-center' }, children),
-        react_1.default.createElement("div", { className: 'iui-page-header-right' },
+        children && React.createElement("div", { className: 'iui-page-header-center' }, children),
+        React.createElement("div", { className: 'iui-page-header-right' },
             actions,
             userIcon,
-            menuItems && (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { menuItems: menuItems },
-                react_1.default.createElement(Buttons_1.IconButton, { styleType: 'borderless', "aria-label": headerTranslations.moreOptions },
-                    react_1.default.createElement(utils_1.SvgMoreVertical, { "aria-hidden": true })))))));
+            menuItems && (React.createElement(index_js_3.DropdownMenu, { menuItems: menuItems },
+                React.createElement(index_js_1.IconButton, { styleType: 'borderless', "aria-label": headerTranslations.moreOptions },
+                    React.createElement(index_js_2.SvgMoreVertical, { "aria-hidden": true })))))));
 };
 exports.Header = Header;
 exports.default = exports.Header;

package/cjs/core/Header/HeaderBasicButton.d.ts

@@ -1,5 +1,5 @@
-import { PolymorphicForwardRefComponent } from '../utils';
-import { ButtonProps } from '../Buttons';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { ButtonProps } from '../Buttons/index.js';
 export declare type HeaderBasicButtonProps = ButtonProps;
 declare type HeaderBasicButtonComponent = PolymorphicForwardRefComponent<'button', HeaderBasicButtonProps>;
 export declare const HeaderBasicButton: HeaderBasicButtonComponent;

package/cjs/core/Header/HeaderBasicButton.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,21 +32,21 @@ exports.HeaderBasicButton = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
-exports.HeaderBasicButton = react_1.default.forwardRef((props, ref) => {
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
+exports.HeaderBasicButton = React.forwardRef((props, ref) => {
     const { onClick, className, children, style, type = 'button', startIcon, endIcon, as: Element = 'button', styleType, size, ...rest } = props;
     styleType; // To omit and prevent eslint error.
     size; // To omit and prevent eslint error.
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement(Element, { className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), onClick: onClick, ref: ref, type: type, style: style, ...rest },
+    (0, index_js_1.useTheme)();
+    return (React.createElement(Element, { className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), onClick: onClick, ref: ref, type: type, style: style, ...rest },
         startIcon &&
-            react_1.default.cloneElement(startIcon, {
+            React.cloneElement(startIcon, {
                 className: startIcon.props.className,
             }),
         children,
         endIcon &&
-            react_1.default.cloneElement(endIcon, {
+            React.cloneElement(endIcon, {
                 className: endIcon.props.className,
             })));
 });

package/cjs/core/Header/HeaderBreadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/header.css';
 export declare type HeaderBreadcrumbsProps = {
     /**

package/cjs/core/Header/HeaderBreadcrumbs.js

@@ -1,6 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderBreadcrumbs = void 0;
@@ -8,8 +28,8 @@ exports.HeaderBreadcrumbs = 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 react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/header.css");
 /**
  * Header breadcrumbs, adds chevron between each provided items.
@@ -23,13 +43,13 @@ require("@itwin/itwinui-css/css/header.css");
  */
 const HeaderBreadcrumbs = (props) => {
     const { items, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("nav", { "aria-label": 'breadcrumbs', className: 'iui-header-breadcrumbs', ...rest },
-        react_1.default.createElement("ol", { className: 'iui-header-breadcrumbs-list' }, items.reduce((previous, current, index) => [
+    (0, index_js_1.useTheme)();
+    return (React.createElement("nav", { "aria-label": 'breadcrumbs', className: 'iui-header-breadcrumbs', ...rest },
+        React.createElement("ol", { className: 'iui-header-breadcrumbs-list' }, items.reduce((previous, current, index) => [
             ...previous,
             current,
-            index !== items.length - 1 && (react_1.default.createElement("li", { className: 'iui-breadcrumbs-separator', key: index },
-                react_1.default.createElement(utils_1.SvgChevronRight, { key: `chevron${index}`, "aria-hidden": true, className: 'iui-chevron' }))),
+            index !== items.length - 1 && (React.createElement("li", { className: 'iui-breadcrumbs-separator', key: index },
+                React.createElement(index_js_1.SvgChevronRight, { key: `chevron${index}`, "aria-hidden": true, className: 'iui-chevron' }))),
         ], []))));
 };
 exports.HeaderBreadcrumbs = HeaderBreadcrumbs;

package/cjs/core/Header/HeaderButton.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ButtonProps } from '../Buttons';
-import { PolymorphicForwardRefComponent } from '../utils';
+import * as React from 'react';
+import type { ButtonProps } from '../Buttons/index.js';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import '@itwin/itwinui-css/css/header.css';
-import { HeaderDropdownButtonProps } from './HeaderDropdownButton';
+import type { HeaderDropdownButtonProps } from './HeaderDropdownButton.js';
 export declare type HeaderButtonProps = {
     /**
      * Main label of the header button.

package/cjs/core/Header/HeaderButton.js

@@ -3,18 +3,41 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderButton = void 0;
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/header.css");
-const HeaderSplitButton_1 = require("./HeaderSplitButton");
-const HeaderDropdownButton_1 = require("./HeaderDropdownButton");
-const HeaderBasicButton_1 = require("./HeaderBasicButton");
+const HeaderSplitButton_js_1 = require("./HeaderSplitButton.js");
+const HeaderDropdownButton_js_1 = require("./HeaderDropdownButton.js");
+const HeaderBasicButton_js_1 = require("./HeaderBasicButton.js");
 const isSplitButton = (props) => {
     return !!props.menuItems && !!props.onClick;
 };
@@ -31,25 +54,25 @@ const isDropdownButton = (props) => {
  * <HeaderButton name='Project C' startIcon={<img style={{ objectFit: 'cover' }} src='project.png' />} />
  * <HeaderButton name='Project D' isActive />
  */
-exports.HeaderButton = react_1.default.forwardRef((props, ref) => {
+exports.HeaderButton = React.forwardRef((props, ref) => {
     const { name, description, isActive = false, className, startIcon, menuItems, disabled, ...rest } = props;
-    (0, utils_1.useTheme)();
+    (0, index_js_1.useTheme)();
     const buttonProps = {
-        startIcon: react_1.default.isValidElement(startIcon)
-            ? react_1.default.cloneElement(startIcon, {
+        startIcon: React.isValidElement(startIcon)
+            ? React.cloneElement(startIcon, {
                 className: (0, classnames_1.default)('iui-header-breadcrumb-button-icon', startIcon.props.className),
             })
             : undefined,
         className: className,
-        children: (react_1.default.createElement("span", { className: 'iui-header-breadcrumb-button-text' },
-            react_1.default.createElement("span", { className: 'iui-header-breadcrumb-button-text-label' }, name),
-            description && (react_1.default.createElement("span", { className: 'iui-header-breadcrumb-button-text-sublabel' }, description)))),
+        children: (React.createElement("span", { className: 'iui-header-breadcrumb-button-text' },
+            React.createElement("span", { className: 'iui-header-breadcrumb-button-text-label' }, name),
+            description && (React.createElement("span", { className: 'iui-header-breadcrumb-button-text-sublabel' }, description)))),
         ref: ref,
         disabled: disabled,
         ...(!!menuItems && { menuItems }),
         ...rest,
     };
-    const headerButton = isSplitButton(buttonProps) ? (react_1.default.createElement(HeaderSplitButton_1.HeaderSplitButton, { ...buttonProps })) : isDropdownButton(buttonProps) ? (react_1.default.createElement(HeaderDropdownButton_1.HeaderDropdownButton, { ...buttonProps })) : (react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, { ...buttonProps }));
-    return (react_1.default.createElement("li", { className: 'iui-header-breadcrumb-item', "aria-current": isActive ? 'location' : undefined, "aria-disabled": disabled ? 'true' : undefined }, headerButton));
+    const headerButton = isSplitButton(buttonProps) ? (React.createElement(HeaderSplitButton_js_1.HeaderSplitButton, { ...buttonProps })) : isDropdownButton(buttonProps) ? (React.createElement(HeaderDropdownButton_js_1.HeaderDropdownButton, { ...buttonProps })) : (React.createElement(HeaderBasicButton_js_1.HeaderBasicButton, { ...buttonProps }));
+    return (React.createElement("li", { className: 'iui-header-breadcrumb-item', "aria-current": isActive ? 'location' : undefined, "aria-disabled": disabled ? 'true' : undefined }, headerButton));
 });
 exports.default = exports.HeaderButton;

package/cjs/core/Header/HeaderDropdownButton.d.ts

@@ -1,5 +1,5 @@
-import { PolymorphicForwardRefComponent } from '../utils';
-import { DropdownButtonProps } from '../Buttons';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { DropdownButtonProps } from '../Buttons/index.js';
 export declare type HeaderDropdownButtonProps = DropdownButtonProps;
 declare type HeaderDropdownButtonComponent = PolymorphicForwardRefComponent<'button', HeaderDropdownButtonProps>;
 export declare const HeaderDropdownButton: HeaderDropdownButtonComponent;

package/cjs/core/Header/HeaderDropdownButton.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,23 +32,23 @@ exports.HeaderDropdownButton = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const DropdownMenu_1 = require("../DropdownMenu");
-const utils_1 = require("../utils");
-const HeaderBasicButton_1 = require("./HeaderBasicButton");
-exports.HeaderDropdownButton = react_1.default.forwardRef((props, ref) => {
+const React = __importStar(require("react"));
+const index_js_1 = require("../DropdownMenu/index.js");
+const index_js_2 = require("../utils/index.js");
+const HeaderBasicButton_js_1 = require("./HeaderBasicButton.js");
+exports.HeaderDropdownButton = React.forwardRef((props, ref) => {
     const { menuItems, className, children, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const [isMenuOpen, setIsMenuOpen] = react_1.default.useState(false);
-    const [menuWidth, setMenuWidth] = react_1.default.useState(0);
-    const buttonRef = react_1.default.useRef(null);
-    const refs = (0, utils_1.useMergedRefs)(ref, buttonRef);
-    react_1.default.useEffect(() => {
+    (0, index_js_2.useTheme)();
+    const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+    const [menuWidth, setMenuWidth] = React.useState(0);
+    const buttonRef = React.useRef(null);
+    const refs = (0, index_js_2.useMergedRefs)(ref, buttonRef);
+    React.useEffect(() => {
         if (buttonRef.current) {
             setMenuWidth(buttonRef.current.offsetWidth);
         }
     }, [children]);
-    return (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { menuItems: menuItems, style: { minWidth: menuWidth }, onShow: () => setIsMenuOpen(true), onHide: () => setIsMenuOpen(false) },
-        react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, { className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), ref: refs, "aria-label": 'Dropdown', endIcon: isMenuOpen ? (react_1.default.createElement(utils_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (react_1.default.createElement(utils_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })), ...rest }, children)));
+    return (React.createElement(index_js_1.DropdownMenu, { menuItems: menuItems, style: { minWidth: menuWidth }, onShow: () => setIsMenuOpen(true), onHide: () => setIsMenuOpen(false) },
+        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_2.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (React.createElement(index_js_2.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })), ...rest }, children)));
 });
 exports.default = exports.HeaderDropdownButton;

package/cjs/core/Header/HeaderLogo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PolymorphicForwardRefComponent, PolymorphicComponentProps } from '../utils';
+import type { PolymorphicForwardRefComponent, PolymorphicComponentProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/header.css';
 declare type HeaderLogoOwnProps = {
     /**

package/cjs/core/Header/HeaderLogo.js

@@ -3,14 +3,37 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderLogo = void 0;
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/header.css");
 /**
  * Header Title section
@@ -20,18 +43,18 @@ require("@itwin/itwinui-css/css/header.css");
  * <HeaderLogo logo={<img src='image.png' />} />
  * <HeaderLogo logo={<img src='data:image/png;base64,...' />}>Downloaded Image</HeaderLogo>
  */
-exports.HeaderLogo = react_1.default.forwardRef((props, ref) => {
+exports.HeaderLogo = React.forwardRef((props, ref) => {
     const { className, children, logo, onClick, as: Element = !!onClick ? 'button' : 'div', ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement(Element, { className: (0, classnames_1.default)('iui-header-brand', className), onClick: onClick, 
+    (0, index_js_1.useTheme)();
+    return (React.createElement(Element, { className: (0, classnames_1.default)('iui-header-brand', className), onClick: onClick, 
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- TS complains here but it's ok; it is an implementation detail
         // @ts-ignore
         ref: ref, ...rest },
-        react_1.default.isValidElement(logo)
-            ? react_1.default.cloneElement(logo, {
+        React.isValidElement(logo)
+            ? React.cloneElement(logo, {
                 className: (0, classnames_1.default)('iui-header-brand-icon', logo.props.className),
             })
             : undefined,
-        children && react_1.default.createElement("span", { className: 'iui-header-brand-label' }, children)));
+        children && React.createElement("span", { className: 'iui-header-brand-label' }, children)));
 });
 exports.default = exports.HeaderLogo;

package/cjs/core/Header/HeaderSplitButton.d.ts

@@ -1,5 +1,5 @@
-import { PolymorphicForwardRefComponent } from '../utils';
-import { SplitButtonProps } from '../Buttons';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { SplitButtonProps } from '../Buttons/index.js';
 export declare type HeaderSplitButtonProps = SplitButtonProps;
 declare type HeaderSplitButtonComponent = PolymorphicForwardRefComponent<'button', HeaderSplitButtonProps>;
 export declare const HeaderSplitButton: HeaderSplitButtonComponent;

package/cjs/core/Header/HeaderSplitButton.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,24 +32,24 @@ exports.HeaderSplitButton = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const DropdownMenu_1 = require("../DropdownMenu");
-const utils_1 = require("../utils");
-const HeaderBasicButton_1 = require("./HeaderBasicButton");
-exports.HeaderSplitButton = react_1.default.forwardRef((props, forwardedRef) => {
+const React = __importStar(require("react"));
+const index_js_1 = require("../DropdownMenu/index.js");
+const index_js_2 = require("../utils/index.js");
+const HeaderBasicButton_js_1 = require("./HeaderBasicButton.js");
+exports.HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
     const { menuItems, className, menuPlacement = 'bottom-end', children, style, title, disabled, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const [isMenuOpen, setIsMenuOpen] = react_1.default.useState(false);
-    const [menuWidth, setMenuWidth] = react_1.default.useState(0);
-    const ref = react_1.default.useRef(null);
-    react_1.default.useEffect(() => {
+    (0, index_js_2.useTheme)();
+    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_1.default.createElement("span", { className: (0, classnames_1.default)('iui-header-breadcrumb-button-wrapper', className), style: style, title: title, ref: ref },
-        react_1.default.createElement(HeaderBasicButton_1.HeaderBasicButton, { ref: forwardedRef, disabled: disabled, ...rest }, children),
-        react_1.default.createElement(DropdownMenu_1.DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minWidth: menuWidth }, onShow: react_1.default.useCallback(() => setIsMenuOpen(true), []), onHide: react_1.default.useCallback(() => setIsMenuOpen(false), []) },
-            react_1.default.createElement("button", { className: 'iui-header-breadcrumb-button iui-header-breadcrumb-button-split', disabled: disabled }, isMenuOpen ? (react_1.default.createElement(utils_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (react_1.default.createElement(utils_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true }))))));
+    return (React.createElement("span", { className: (0, classnames_1.default)('iui-header-breadcrumb-button-wrapper', className), style: style, title: title, ref: ref },
+        React.createElement(HeaderBasicButton_js_1.HeaderBasicButton, { ref: forwardedRef, disabled: disabled, ...rest }, children),
+        React.createElement(index_js_1.DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minWidth: menuWidth }, onShow: React.useCallback(() => setIsMenuOpen(true), []), onHide: React.useCallback(() => setIsMenuOpen(false), []) },
+            React.createElement("button", { className: 'iui-header-breadcrumb-button iui-header-breadcrumb-button-split', disabled: disabled }, isMenuOpen ? (React.createElement(index_js_2.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (React.createElement(index_js_2.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true }))))));
 });
 exports.default = exports.HeaderSplitButton;