@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/Breadcrumbs/index.js

@@ -5,6 +5,6 @@ exports.Breadcrumbs = 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 Breadcrumbs_1 = require("./Breadcrumbs");
-Object.defineProperty(exports, "Breadcrumbs", { enumerable: true, get: function () { return Breadcrumbs_1.Breadcrumbs; } });
+var Breadcrumbs_js_1 = require("./Breadcrumbs.js");
+Object.defineProperty(exports, "Breadcrumbs", { enumerable: true, get: function () { return Breadcrumbs_js_1.Breadcrumbs; } });
 exports.default = './Breadcrumbs';

package/cjs/core/ButtonGroup/ButtonGroup.d.ts

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

package/cjs/core/ButtonGroup/ButtonGroup.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,9 +31,9 @@ exports.ButtonGroup = 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 React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/button.css");
 /**
  * Group buttons together for common actions.
@@ -40,26 +63,29 @@ require("@itwin/itwinui-css/css/button.css");
  *   {buttons}
  * </ButtonGroup>
  */
-exports.ButtonGroup = react_1.default.forwardRef((props, ref) => {
+exports.ButtonGroup = React.forwardRef((props, ref) => {
     const { children, className, overflowButton, overflowPlacement = 'end', orientation = 'horizontal', ...rest } = props;
-    const items = react_1.default.useMemo(() => { var _a; return (_a = react_1.default.Children.map(children, (child) => react_1.default.createElement("div", null, child))) !== null && _a !== void 0 ? _a : []; }, [children]);
-    (0, utils_1.useTheme)();
-    const [overflowRef, visibleCount] = (0, utils_1.useOverflow)(items, !overflowButton, orientation);
-    const refs = (0, utils_1.useMergedRefs)(overflowRef, ref);
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)({
+    const items = React.useMemo(() => {
+        var _a, _b;
+        return (_b = (_a = React.Children.map(children, (child) => !!child ? React.createElement("div", null, child) : undefined)) === null || _a === void 0 ? void 0 : _a.filter(Boolean)) !== null && _b !== void 0 ? _b : [];
+    }, [children]);
+    (0, index_js_1.useTheme)();
+    const [overflowRef, visibleCount] = (0, index_js_1.useOverflow)(items, !overflowButton, orientation);
+    const refs = (0, index_js_1.useMergedRefs)(overflowRef, ref);
+    return (React.createElement("div", { className: (0, classnames_1.default)({
             'iui-button-group': orientation === 'horizontal',
             'iui-button-group-vertical': orientation === 'vertical',
             'iui-button-group-overflow-x': !!overflowButton && orientation === 'horizontal',
         }, className), "aria-orientation": orientation, ref: refs, ...rest },
-        react_1.default.createElement(react_1.default.Fragment, null,
+        React.createElement(React.Fragment, null,
             visibleCount < items.length &&
                 overflowButton &&
-                overflowPlacement === 'start' && (react_1.default.createElement("div", null, overflowButton(visibleCount))),
+                overflowPlacement === 'start' && (React.createElement("div", null, overflowButton(visibleCount))),
             visibleCount < items.length
                 ? items.slice(0, Math.max(0, visibleCount - 1))
                 : items,
             visibleCount < items.length &&
                 overflowButton &&
-                overflowPlacement === 'end' && (react_1.default.createElement("div", null, overflowButton(visibleCount))))));
+                overflowPlacement === 'end' && (React.createElement("div", null, overflowButton(visibleCount))))));
 });
 exports.default = exports.ButtonGroup;

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

@@ -1,4 +1,4 @@
-export { ButtonGroup } from './ButtonGroup';
-export type { ButtonGroupProps } from './ButtonGroup';
+export { ButtonGroup } from './ButtonGroup.js';
+export type { ButtonGroupProps } from './ButtonGroup.js';
 declare const _default: "./ButtonGroup";
 export default _default;

package/cjs/core/ButtonGroup/index.js

@@ -5,6 +5,6 @@ exports.ButtonGroup = 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 ButtonGroup_1 = require("./ButtonGroup");
-Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
+var ButtonGroup_js_1 = require("./ButtonGroup.js");
+Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_js_1.ButtonGroup; } });
 exports.default = './ButtonGroup';

package/cjs/core/Buttons/Button/Button.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils';
+import * as React from 'react';
+import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 declare type ButtonOwnProps = {
     /**

package/cjs/core/Buttons/Button/Button.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,8 +32,8 @@ exports.Button = 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");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/button.css");
 /**
  * Generic button component
@@ -21,12 +44,12 @@ require("@itwin/itwinui-css/css/button.css");
  * <Button size='small' styleType='cta'>This is a small call to action button</Button>
  * <Button startIcon={<SvgAdd />}>New</Button>
  */
-exports.Button = react_1.default.forwardRef((props, ref) => {
+exports.Button = React.forwardRef((props, ref) => {
     const { children, className, size, style, styleType = 'default', type = 'button', startIcon, endIcon, as: Element = 'button', ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement(Element, { ref: ref, className: (0, classnames_1.default)('iui-button', className), "data-iui-variant": styleType !== 'default' ? styleType : undefined, "data-iui-size": size, style: style, type: type, ...rest },
-        startIcon && (react_1.default.createElement("span", { className: 'iui-button-icon', "aria-hidden": true }, startIcon)),
-        children && react_1.default.createElement("span", null, children),
-        endIcon && (react_1.default.createElement("span", { className: 'iui-button-icon', "aria-hidden": true }, endIcon))));
+    (0, index_js_1.useTheme)();
+    return (React.createElement(Element, { ref: ref, className: (0, classnames_1.default)('iui-button', className), "data-iui-variant": styleType !== 'default' ? styleType : undefined, "data-iui-size": size, style: style, type: type, ...rest },
+        startIcon && (React.createElement("span", { className: 'iui-button-icon', "aria-hidden": true }, startIcon)),
+        children && React.createElement("span", null, children),
+        endIcon && (React.createElement("span", { className: 'iui-button-icon', "aria-hidden": true }, endIcon))));
 });
 exports.default = exports.Button;

package/cjs/core/Buttons/Button/index.d.ts

@@ -1,4 +1,4 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button';
+export { Button } from './Button.js';
+export type { ButtonProps } from './Button.js';
 declare const _default: "./Button";
 export default _default;

package/cjs/core/Buttons/Button/index.js

@@ -5,6 +5,6 @@ exports.Button = 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 Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var Button_js_1 = require("./Button.js");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_js_1.Button; } });
 exports.default = './Button';

package/cjs/core/Buttons/DropdownButton/DropdownButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ButtonProps } from '../Button';
-import { DropdownMenuProps } from '../../DropdownMenu';
+import * as React from 'react';
+import type { ButtonProps } from '../Button/index.js';
+import type { DropdownMenuProps } from '../../DropdownMenu/index.js';
 import '@itwin/itwinui-css/css/button.css';
 export declare type DropdownButtonProps = {
     /**

package/cjs/core/Buttons/DropdownButton/DropdownButton.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,11 +31,11 @@ exports.DropdownButton = 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 React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Button_1 = require("../Button");
-const DropdownMenu_1 = require("../../DropdownMenu");
-const utils_1 = require("../../utils");
+const index_js_1 = require("../Button/index.js");
+const index_js_2 = require("../../DropdownMenu/index.js");
+const index_js_3 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/button.css");
 /**
  * Button that opens a DropdownMenu.
@@ -23,19 +46,19 @@ require("@itwin/itwinui-css/css/button.css");
  * ];
  * <DropdownButton menuItems={menuItems}>Default</DropdownButton>
  */
-exports.DropdownButton = react_1.default.forwardRef((props, ref) => {
+exports.DropdownButton = React.forwardRef((props, ref) => {
     const { menuItems, className, size, styleType, children, dropdownMenuProps, ...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_3.useTheme)();
+    const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+    const [menuWidth, setMenuWidth] = React.useState(0);
+    const buttonRef = React.useRef(null);
+    const refs = (0, index_js_3.useMergedRefs)(ref, buttonRef);
+    React.useEffect(() => {
         if (buttonRef.current) {
             setMenuWidth(buttonRef.current.offsetWidth);
         }
     }, [children, size, styleType]);
-    return (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { menuItems: menuItems, ...dropdownMenuProps, onShow: (i) => {
+    return (React.createElement(index_js_2.DropdownMenu, { menuItems: menuItems, ...dropdownMenuProps, onShow: (i) => {
             var _a;
             setIsMenuOpen(true);
             (_a = dropdownMenuProps === null || dropdownMenuProps === void 0 ? void 0 : dropdownMenuProps.onShow) === null || _a === void 0 ? void 0 : _a.call(dropdownMenuProps, i);
@@ -44,6 +67,6 @@ exports.DropdownButton = react_1.default.forwardRef((props, ref) => {
             setIsMenuOpen(false);
             (_a = dropdownMenuProps === null || dropdownMenuProps === void 0 ? void 0 : dropdownMenuProps.onHide) === null || _a === void 0 ? void 0 : _a.call(dropdownMenuProps, i);
         }, style: { minWidth: menuWidth, ...dropdownMenuProps === null || dropdownMenuProps === void 0 ? void 0 : dropdownMenuProps.style } },
-        react_1.default.createElement(Button_1.Button, { className: (0, classnames_1.default)('iui-button-dropdown', className), size: size, styleType: styleType, endIcon: isMenuOpen ? (react_1.default.createElement(utils_1.SvgCaretUpSmall, { "aria-hidden": true })) : (react_1.default.createElement(utils_1.SvgCaretDownSmall, { "aria-hidden": true })), ref: refs, "aria-label": 'Dropdown', ...rest }, children)));
+        React.createElement(index_js_1.Button, { className: (0, classnames_1.default)('iui-button-dropdown', className), size: size, styleType: styleType, endIcon: isMenuOpen ? (React.createElement(index_js_3.SvgCaretUpSmall, { "aria-hidden": true })) : (React.createElement(index_js_3.SvgCaretDownSmall, { "aria-hidden": true })), ref: refs, "aria-label": 'Dropdown', ...rest }, children)));
 });
 exports.default = exports.DropdownButton;

package/cjs/core/Buttons/DropdownButton/index.d.ts

@@ -1,4 +1,4 @@
-export { DropdownButton } from './DropdownButton';
-export type { DropdownButtonProps } from './DropdownButton';
+export { DropdownButton } from './DropdownButton.js';
+export type { DropdownButtonProps } from './DropdownButton.js';
 declare const _default: "./DropdownButton";
 export default _default;

package/cjs/core/Buttons/DropdownButton/index.js

@@ -5,6 +5,6 @@ exports.DropdownButton = 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 DropdownButton_1 = require("./DropdownButton");
-Object.defineProperty(exports, "DropdownButton", { enumerable: true, get: function () { return DropdownButton_1.DropdownButton; } });
+var DropdownButton_js_1 = require("./DropdownButton.js");
+Object.defineProperty(exports, "DropdownButton", { enumerable: true, get: function () { return DropdownButton_js_1.DropdownButton; } });
 exports.default = './DropdownButton';

package/cjs/core/Buttons/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { ButtonProps } from '../Button';
-import type { PolymorphicForwardRefComponent } from '../../utils';
+import * as React from 'react';
+import type { ButtonProps } from '../Button/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 import '@itwin/itwinui-css/css/tooltip.css';
 export declare type IconButtonProps = {

package/cjs/core/Buttons/IconButton/IconButton.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,8 +32,8 @@ exports.IconButton = 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");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/button.css");
 require("@itwin/itwinui-css/css/tooltip.css");
 /**
@@ -20,16 +43,16 @@ require("@itwin/itwinui-css/css/tooltip.css");
  * @example
  * <IconButton label='Add' styleType='borderless'><SvgAdd /></IconButton>
  */
-exports.IconButton = react_1.default.forwardRef((props, ref) => {
+exports.IconButton = React.forwardRef((props, ref) => {
     const { isActive, children, styleType = 'default', size, type = 'button', className, as: Element = 'button', label, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement(IconButtonTooltip, { label: label },
-        react_1.default.createElement(Element, { 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, type: type, ...rest },
-            react_1.default.createElement("span", { className: 'iui-button-icon', "aria-hidden": true }, children),
-            label ? react_1.default.createElement(utils_1.VisuallyHidden, null, label) : null)));
+    (0, index_js_1.useTheme)();
+    return (React.createElement(IconButtonTooltip, { label: label },
+        React.createElement(Element, { 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, type: type, ...rest },
+            React.createElement("span", { className: 'iui-button-icon', "aria-hidden": true }, children),
+            label ? React.createElement(index_js_1.VisuallyHidden, null, label) : null)));
 });
 const IconButtonTooltip = (props) => {
     const { label, children } = props;
-    return label ? (react_1.default.createElement(utils_1.Popover, { interactive: false, offset: [0, 4], aria: { content: null }, content: react_1.default.createElement("div", { "aria-hidden": 'true', className: 'iui-tooltip' }, label) }, children)) : (children);
+    return label ? (React.createElement(index_js_1.Popover, { interactive: false, offset: [0, 4], aria: { content: null }, content: React.createElement("div", { "aria-hidden": 'true', className: 'iui-tooltip' }, label) }, children)) : (children);
 };
 exports.default = exports.IconButton;

package/cjs/core/Buttons/IconButton/index.d.ts

@@ -1,4 +1,4 @@
-export { IconButton } from './IconButton';
-export type { IconButtonProps } from './IconButton';
+export { IconButton } from './IconButton.js';
+export type { IconButtonProps } from './IconButton.js';
 declare const _default: "./IconButton";
 export default _default;

package/cjs/core/Buttons/IconButton/index.js

@@ -5,6 +5,6 @@ exports.IconButton = 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 IconButton_1 = require("./IconButton");
-Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
+var IconButton_js_1 = require("./IconButton.js");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_js_1.IconButton; } });
 exports.default = './IconButton';

package/cjs/core/Buttons/IdeasButton/IdeasButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type IdeasButtonProps = {
     /**
      * On click handler.

package/cjs/core/Buttons/IdeasButton/IdeasButton.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.IdeasButton = void 0;
@@ -8,17 +28,17 @@ exports.IdeasButton = 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 Button_1 = require("../Button");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
+const index_js_2 = require("../Button/index.js");
 /**
  * Ideas button
  * @example
  * <IdeasButton />
  */
-exports.IdeasButton = react_1.default.forwardRef((props, ref) => {
+exports.IdeasButton = React.forwardRef((props, ref) => {
     const { feedbackLabel = 'Feedback', onClick, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement(Button_1.Button, { ref: ref, "data-iui-variant": 'idea', onClick: onClick, startIcon: react_1.default.createElement(utils_1.SvgSmileyHappy, { "aria-hidden": true }), ...rest }, feedbackLabel));
+    (0, index_js_1.useTheme)();
+    return (React.createElement(index_js_2.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;

package/cjs/core/Buttons/IdeasButton/index.d.ts

@@ -1,4 +1,4 @@
-export { IdeasButton } from './IdeasButton';
-export type { IdeasButtonProps } from './IdeasButton';
+export { IdeasButton } from './IdeasButton.js';
+export type { IdeasButtonProps } from './IdeasButton.js';
 declare const _default: "./IdeasButton";
 export default _default;

package/cjs/core/Buttons/IdeasButton/index.js

@@ -5,6 +5,6 @@ exports.IdeasButton = 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 IdeasButton_1 = require("./IdeasButton");
-Object.defineProperty(exports, "IdeasButton", { enumerable: true, get: function () { return IdeasButton_1.IdeasButton; } });
+var IdeasButton_js_1 = require("./IdeasButton.js");
+Object.defineProperty(exports, "IdeasButton", { enumerable: true, get: function () { return IdeasButton_js_1.IdeasButton; } });
 exports.default = './IdeasButton';

package/cjs/core/Buttons/SplitButton/SplitButton.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { ButtonProps } from '../Button';
-import { Placement } from 'tippy.js';
-import { PolymorphicForwardRefComponent } from '../../utils';
+import * as React from 'react';
+import type { ButtonProps } from '../Button/index.js';
+import type { Placement } from 'tippy.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/button.css';
 export declare type SplitButtonProps = ButtonProps & {
     /**

package/cjs/core/Buttons/SplitButton/SplitButton.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.SplitButton = 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 Button_1 = require("../Button");
-const IconButton_1 = require("../IconButton");
-const DropdownMenu_1 = require("../../DropdownMenu");
-const utils_1 = require("../../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../Button/index.js");
+const index_js_2 = require("../IconButton/index.js");
+const index_js_3 = require("../../DropdownMenu/index.js");
+const index_js_4 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/button.css");
 /**
  * Split button component with a DropdownMenu.
@@ -29,22 +52,22 @@ require("@itwin/itwinui-css/css/button.css");
  * <SplitButton onClick={onClick} menuItems={menuItems}>Default</SplitButton>
  * <SplitButton onClick={onClick} menuItems={menuItems} styleType='high-visibility'>High visibility</SplitButton>
  */
-exports.SplitButton = react_1.default.forwardRef((props, forwardedRef) => {
+exports.SplitButton = React.forwardRef((props, forwardedRef) => {
     const { onClick, menuItems, className, menuPlacement = 'bottom-end', styleType = 'default', size, children, style, title, ...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_4.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, size]);
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)(className, 'iui-button-split', {
+    return (React.createElement("span", { className: (0, classnames_1.default)(className, 'iui-button-split', {
             'iui-disabled': props.disabled,
         }), style: style, title: title, ref: ref },
-        react_1.default.createElement(Button_1.Button, { styleType: styleType, size: size, onClick: onClick, ref: forwardedRef, ...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(IconButton_1.IconButton, { styleType: styleType, size: size, disabled: props.disabled }, isMenuOpen ? react_1.default.createElement(utils_1.SvgCaretUpSmall, null) : react_1.default.createElement(utils_1.SvgCaretDownSmall, null)))));
+        React.createElement(index_js_1.Button, { styleType: styleType, size: size, onClick: onClick, ref: forwardedRef, ...rest }, children),
+        React.createElement(index_js_3.DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minWidth: menuWidth }, onShow: React.useCallback(() => setIsMenuOpen(true), []), onHide: React.useCallback(() => setIsMenuOpen(false), []) },
+            React.createElement(index_js_2.IconButton, { styleType: styleType, size: size, disabled: props.disabled }, isMenuOpen ? React.createElement(index_js_4.SvgCaretUpSmall, null) : React.createElement(index_js_4.SvgCaretDownSmall, null)))));
 });
 exports.default = exports.SplitButton;

package/cjs/core/Buttons/SplitButton/index.d.ts

@@ -1,4 +1,4 @@
-export { SplitButton } from './SplitButton';
-export type { SplitButtonProps } from './SplitButton';
+export { SplitButton } from './SplitButton.js';
+export type { SplitButtonProps } from './SplitButton.js';
 declare const _default: "./SplitButton";
 export default _default;

package/cjs/core/Buttons/SplitButton/index.js

@@ -5,6 +5,6 @@ exports.SplitButton = 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 SplitButton_1 = require("./SplitButton");
-Object.defineProperty(exports, "SplitButton", { enumerable: true, get: function () { return SplitButton_1.SplitButton; } });
+var SplitButton_js_1 = require("./SplitButton.js");
+Object.defineProperty(exports, "SplitButton", { enumerable: true, get: function () { return SplitButton_js_1.SplitButton; } });
 exports.default = './SplitButton';

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

@@ -1,10 +1,10 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button';
-export { DropdownButton } from './DropdownButton';
-export type { DropdownButtonProps } from './DropdownButton';
-export { IdeasButton } from './IdeasButton';
-export type { IconButtonProps } from './IconButton';
-export { IconButton } from './IconButton';
-export type { IdeasButtonProps } from './IdeasButton';
-export { SplitButton } from './SplitButton';
-export type { SplitButtonProps } from './SplitButton';
+export { Button } from './Button/index.js';
+export type { ButtonProps } from './Button/index.js';
+export { DropdownButton } from './DropdownButton/index.js';
+export type { DropdownButtonProps } from './DropdownButton/index.js';
+export { IdeasButton } from './IdeasButton/index.js';
+export type { IconButtonProps } from './IconButton/index.js';
+export { IconButton } from './IconButton/index.js';
+export type { IdeasButtonProps } from './IdeasButton/index.js';
+export { SplitButton } from './SplitButton/index.js';
+export type { SplitButtonProps } from './SplitButton/index.js';