@itwin/itwinui-react 2.10.1 → 2.11.1

package/cjs/core/Toast/Toast.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,13 +31,13 @@ exports.ToastPresentation = exports.Toast = 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 react_transition_group_1 = require("react-transition-group");
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/toast.css");
-const Buttons_1 = require("../Buttons");
-const isMotionOk = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.matchMedia) === null || _b === void 0 ? void 0 : _b.call(_a, '(prefers-reduced-motion: no-preference)')) === null || _c === void 0 ? void 0 : _c.matches; };
+const index_js_2 = require("../Buttons/index.js");
+const isMotionOk = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, index_js_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.matchMedia) === null || _b === void 0 ? void 0 : _b.call(_a, '(prefers-reduced-motion: no-preference)')) === null || _c === void 0 ? void 0 : _c.matches; };
 /**
  * Generic Toast Component
  * @example
@@ -25,18 +48,18 @@ const isMotionOk = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, utils_1.
  */
 const Toast = (props) => {
     const { content, category, type = 'temporary', isVisible, link, duration = 7000, hasCloseButton, onRemove, animateOutTo, placementPosition = 'top', } = props;
-    const closeTimeout = react_1.default.useRef(0);
-    const [visible, setVisible] = react_1.default.useState(isVisible);
-    const [height, setHeight] = react_1.default.useState(0);
-    const thisElement = react_1.default.useRef(null);
-    const [margin, setMargin] = react_1.default.useState(0);
+    const closeTimeout = React.useRef(0);
+    const [visible, setVisible] = React.useState(isVisible);
+    const [height, setHeight] = React.useState(0);
+    const thisElement = React.useRef(null);
+    const [margin, setMargin] = React.useState(0);
     const marginStyle = () => {
         if (placementPosition === 'top') {
             return { marginBottom: margin };
         }
         return { marginTop: margin };
     };
-    react_1.default.useEffect(() => {
+    React.useEffect(() => {
         if (type === 'temporary') {
             setCloseTimeout(duration);
         }
@@ -45,10 +68,10 @@ const Toast = (props) => {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [duration, type]);
-    react_1.default.useEffect(() => {
+    React.useEffect(() => {
         setVisible(isVisible);
     }, [isVisible]);
-    react_1.default.useEffect(() => {
+    React.useEffect(() => {
         // if we don't have animateOutTo point and not isVisible, set negative margin to move other toasts up.
         // Close all and close on toasts with no anchor.
         if (!isVisible && !animateOutTo) {
@@ -62,7 +85,7 @@ const Toast = (props) => {
         setVisible(false);
     };
     const setCloseTimeout = (timeout) => {
-        const definedWindow = (0, utils_1.getWindow)();
+        const definedWindow = (0, index_js_1.getWindow)();
         if (!definedWindow) {
             return;
         }
@@ -72,7 +95,7 @@ const Toast = (props) => {
     };
     const clearCloseTimeout = () => {
         var _a;
-        (_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.clearTimeout(closeTimeout.current);
+        (_a = (0, index_js_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.clearTimeout(closeTimeout.current);
     };
     const onRef = (ref) => {
         if (ref) {
@@ -92,7 +115,7 @@ const Toast = (props) => {
         }
         return { translateX, translateY };
     };
-    return (react_1.default.createElement(react_transition_group_1.Transition, { timeout: { enter: 240, exit: animateOutTo ? 400 : 120 }, in: visible, appear: true, unmountOnExit: true, onEnter: (node) => {
+    return (React.createElement(react_transition_group_1.Transition, { timeout: { enter: 240, exit: animateOutTo ? 400 : 120 }, in: visible, appear: true, unmountOnExit: true, onEnter: (node) => {
             if (isMotionOk()) {
                 node.style.transform = 'translateY(15%)';
                 node.style.transitionTimingFunction = 'ease';
@@ -111,12 +134,12 @@ const Toast = (props) => {
                 node.style.transitionDuration = animateOutTo ? '400ms' : '120ms';
                 node.style.transitionTimingFunction = 'cubic-bezier(0.4, 0, 1, 1)';
             }
-        }, onExited: onRemove }, react_1.default.createElement("div", { ref: thisElement, className: 'iui-toast-all', style: {
+        }, onExited: onRemove }, React.createElement("div", { ref: thisElement, className: 'iui-toast-all', style: {
             height,
             ...marginStyle(),
         } },
-        react_1.default.createElement("div", { ref: onRef },
-            react_1.default.createElement(exports.ToastPresentation, { category: category, content: content, link: link, type: type, hasCloseButton: hasCloseButton, onClose: close })))));
+        React.createElement("div", { ref: onRef },
+            React.createElement(exports.ToastPresentation, { category: category, content: content, link: link, type: type, hasCloseButton: hasCloseButton, onClose: close })))));
 };
 exports.Toast = Toast;
 /**
@@ -125,13 +148,13 @@ exports.Toast = Toast;
  */
 const ToastPresentation = (props) => {
     const { content, category, type = 'temporary', link, hasCloseButton, onClose, className, ...rest } = props;
-    const StatusIcon = utils_1.StatusIconMap[category];
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(`iui-toast iui-${category}`, className), ...rest },
-        react_1.default.createElement("div", { className: 'iui-status-area' }, react_1.default.createElement(StatusIcon, { className: 'iui-icon' })),
-        react_1.default.createElement("div", { className: 'iui-message' }, content),
-        link && (react_1.default.createElement("a", { className: 'iui-toast-anchor', onClick: link.onClick }, link.title)),
-        (type === 'persisting' || hasCloseButton) && (react_1.default.createElement(Buttons_1.IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
-            react_1.default.createElement(utils_1.SvgCloseSmall, null)))));
+    const StatusIcon = index_js_1.StatusIconMap[category];
+    return (React.createElement("div", { className: (0, classnames_1.default)(`iui-toast iui-${category}`, className), ...rest },
+        React.createElement("div", { className: 'iui-status-area' }, React.createElement(StatusIcon, { className: 'iui-icon' })),
+        React.createElement("div", { className: 'iui-message' }, content),
+        link && (React.createElement("a", { className: 'iui-toast-anchor', onClick: link.onClick }, link.title)),
+        (type === 'persisting' || hasCloseButton) && (React.createElement(index_js_2.IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
+            React.createElement(index_js_1.SvgCloseSmall, null)))));
 };
 exports.ToastPresentation = ToastPresentation;
 exports.default = exports.Toast;

package/cjs/core/Toast/ToastWrapper.d.ts

@@ -1,7 +1,7 @@
 import '@itwin/itwinui-css/css/toast.css';
-import React from 'react';
-import { ToastProps } from './Toast';
-import { ToasterSettings } from './Toaster';
+import * as React from 'react';
+import type { ToastProps } from './Toast.js';
+import type { ToasterSettings } from './Toaster.js';
 declare type ToastPlacement = NonNullable<ToasterSettings['placement']>;
 export declare type ToastWrapperHandle = {
     setToasts: (toasts: ToastProps[]) => void;

package/cjs/core/Toast/ToastWrapper.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,18 +32,18 @@ exports.ToastWrapper = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 require("@itwin/itwinui-css/css/toast.css");
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Toast_1 = __importDefault(require("./Toast"));
-exports.ToastWrapper = react_1.default.forwardRef((_, ref) => {
-    const [toasts, setToasts] = react_1.default.useState([]);
-    const [placement, setPlacement] = react_1.default.useState('top');
+const Toast_js_1 = __importDefault(require("./Toast.js"));
+exports.ToastWrapper = React.forwardRef((_, ref) => {
+    const [toasts, setToasts] = React.useState([]);
+    const [placement, setPlacement] = React.useState('top');
     const placementPosition = placement.startsWith('top') ? 'top' : 'bottom';
-    react_1.default.useImperativeHandle(ref, () => ({
+    React.useImperativeHandle(ref, () => ({
         setToasts,
         setPlacement,
     }), []);
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)(`iui-toast-wrapper`, `iui-placement-${placement}`) }, toasts.map((toastProps) => {
-        return (react_1.default.createElement(Toast_1.default, { key: toastProps.id, placementPosition: placementPosition, ...toastProps }));
+    return (React.createElement("span", { className: (0, classnames_1.default)(`iui-toast-wrapper`, `iui-placement-${placement}`) }, toasts.map((toastProps) => {
+        return (React.createElement(Toast_js_1.default, { key: toastProps.id, placementPosition: placementPosition, ...toastProps }));
     })));
 });

package/cjs/core/Toast/Toaster.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ToastProps } from './Toast';
+import * as React from 'react';
+import type { ToastProps } from './Toast.js';
 export declare type ToasterSettings = {
     /**
      * Order of toasts.

package/cjs/core/Toast/Toaster.js

@@ -22,18 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
 /*---------------------------------------------------------------------------------------------
  * 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 ReactDOM = __importStar(require("react-dom"));
-const utils_1 = require("../utils");
-const ToastWrapper_1 = require("./ToastWrapper");
+const index_js_1 = require("../utils/index.js");
+const ToastWrapper_js_1 = require("./ToastWrapper.js");
 const TOASTS_CONTAINER_ID = 'iui-toasts-container';
 class Toaster {
     constructor() {
@@ -43,7 +40,7 @@ class Toaster {
             order: 'descending',
             placement: 'top',
         };
-        this.toastsRef = react_1.default.createRef();
+        this.toastsRef = React.createRef();
         this.isInitialized = false;
         // Create container on demand.
         // Cannot do it in constructor, because SSG/SSR apps would fail.
@@ -52,12 +49,12 @@ class Toaster {
             if (this.isInitialized) {
                 return;
             }
-            const container = (_a = (0, utils_1.getContainer)(TOASTS_CONTAINER_ID)) !== null && _a !== void 0 ? _a : (_b = (0, utils_1.getDocument)()) === null || _b === void 0 ? void 0 : _b.body;
+            const container = (_a = (0, index_js_1.getContainer)(TOASTS_CONTAINER_ID)) !== null && _a !== void 0 ? _a : (_b = (0, index_js_1.getDocument)()) === null || _b === void 0 ? void 0 : _b.body;
             if (!container) {
                 return;
             }
             this.isInitialized = true;
-            const toastWrapper = react_1.default.createElement(ToastWrapper_1.ToastWrapper, { ref: this.toastsRef });
+            const toastWrapper = React.createElement(ToastWrapper_js_1.ToastWrapper, { ref: this.toastsRef });
             const _ReactDOM = ReactDOM; // eslint-disable-line @typescript-eslint/no-explicit-any
             // v18 mode
             if (_ReactDOM.createRoot) {

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

@@ -1,4 +1,4 @@
-import Toaster from './Toaster';
-export type { ToastOptions } from './Toaster';
+import Toaster from './Toaster.js';
+export type { ToastOptions } from './Toaster.js';
 declare const toaster: Toaster;
 export default toaster;

package/cjs/core/Toast/index.js

@@ -7,6 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const Toaster_1 = __importDefault(require("./Toaster"));
-const toaster = new Toaster_1.default();
+const Toaster_js_1 = __importDefault(require("./Toaster.js"));
+const toaster = new Toaster_js_1.default();
 exports.default = toaster;

package/cjs/core/ToggleSwitch/ToggleSwitch.d.ts

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

package/cjs/core/ToggleSwitch/ToggleSwitch.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.ToggleSwitch = 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/toggle-switch.css");
 /**
  * A switch for turning on and off.
@@ -30,7 +53,7 @@ require("@itwin/itwinui-css/css/toggle-switch.css");
  * <caption>Toggle with icon</caption>
  * <ToggleSwitch label='With icon toggle' icon={<svg viewBox='0 0 16 16'><path d='M1 1v14h14V1H1zm13 1.7v10.6L8.7 8 14 2.7zM8 7.3L2.7 2h10.6L8 7.3zm-.7.7L2 13.3V2.7L7.3 8zm.7.7l5.3 5.3H2.7L8 8.7z' /></svg>} />
  */
-exports.ToggleSwitch = react_1.default.forwardRef((props, ref) => {
+exports.ToggleSwitch = React.forwardRef((props, ref) => {
     let icon;
     if (props.size !== 'small') {
         icon = props.icon;
@@ -38,27 +61,27 @@ exports.ToggleSwitch = react_1.default.forwardRef((props, ref) => {
         delete props.icon;
     }
     const { disabled = false, labelPosition = 'right', label, setFocus = false, className, style, size = 'default', ...rest } = props;
-    (0, utils_1.useTheme)();
-    const inputElementRef = react_1.default.useRef(null);
-    const refs = (0, utils_1.useMergedRefs)(inputElementRef, ref);
+    (0, index_js_1.useTheme)();
+    const inputElementRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(inputElementRef, ref);
     const WrapperComponent = label ? 'label' : 'div';
-    react_1.default.useEffect(() => {
+    React.useEffect(() => {
         if (inputElementRef.current && setFocus) {
             inputElementRef.current.focus();
         }
     }, [setFocus]);
-    return (react_1.default.createElement(WrapperComponent, { className: (0, classnames_1.default)('iui-toggle-switch-wrapper', {
+    return (React.createElement(WrapperComponent, { className: (0, classnames_1.default)('iui-toggle-switch-wrapper', {
             'iui-disabled': disabled,
             'iui-label-on-right': label && labelPosition === 'right',
             'iui-label-on-left': label && labelPosition === 'left',
         }, className), "data-iui-size": size, style: style },
-        react_1.default.createElement("input", { className: 'iui-toggle-switch', type: 'checkbox', role: 'switch', disabled: disabled, ref: refs, ...rest }),
+        React.createElement("input", { className: 'iui-toggle-switch', type: 'checkbox', role: 'switch', disabled: disabled, ref: refs, ...rest }),
         icon &&
             size !== 'small' &&
-            react_1.default.cloneElement(icon, {
+            React.cloneElement(icon, {
                 className: (0, classnames_1.default)('iui-toggle-switch-icon', icon.props.className),
                 'aria-hidden': true,
             }),
-        label && react_1.default.createElement("span", { className: 'iui-toggle-switch-label' }, label)));
+        label && React.createElement("span", { className: 'iui-toggle-switch-label' }, label)));
 });
 exports.default = exports.ToggleSwitch;

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

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

package/cjs/core/ToggleSwitch/index.js

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

package/cjs/core/Tooltip/Tooltip.d.ts

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

package/cjs/core/Tooltip/Tooltip.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.Tooltip = 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/tooltip.css");
 /**
  * Basic tooltip component to display informative content when an element is hovered or focused.
@@ -25,8 +48,8 @@ require("@itwin/itwinui-css/css/tooltip.css");
  */
 const Tooltip = (props) => {
     const { content, children, className, style, visible, ref, id, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement(utils_1.Popover, { visible: visible, interactive: false, content: react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-tooltip', className), style: style, role: 'tooltip', id: id }, content), offset: [0, 4], ref: ref, ...rest }, children && react_1.default.cloneElement(children, { title: undefined })));
+    (0, index_js_1.useTheme)();
+    return (React.createElement(index_js_1.Popover, { visible: visible, interactive: false, content: React.createElement("div", { className: (0, classnames_1.default)('iui-tooltip', className), style: style, role: 'tooltip', id: id }, content), offset: [0, 4], ref: ref, ...rest }, children && React.cloneElement(children, { title: undefined })));
 };
 exports.Tooltip = Tooltip;
 exports.default = exports.Tooltip;

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

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

package/cjs/core/Tooltip/index.js

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

package/cjs/core/Tree/Tree.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CommonProps } from '../utils';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 export declare type NodeData<T> = {
     /**

package/cjs/core/Tree/Tree.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.Tree = 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/tree.css");
 const classnames_1 = __importDefault(require("classnames"));
-const TreeContext_1 = require("./TreeContext");
+const TreeContext_js_1 = require("./TreeContext.js");
 /**
  * Tree component used to display a hierarchical structure of `TreeNodes`.
  * User should control state of expanded, selected and disabled nodes using `getNode` prop.
@@ -65,14 +88,14 @@ const TreeContext_1 = require("./TreeContext");
  */
 const Tree = (props) => {
     const { data, className, nodeRenderer, getNode, enableVirtualization = false, style, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const treeRef = react_1.default.useRef(null);
-    const focusedIndex = react_1.default.useRef(0);
-    react_1.default.useEffect(() => {
+    (0, index_js_1.useTheme)();
+    const treeRef = React.useRef(null);
+    const focusedIndex = React.useRef(0);
+    React.useEffect(() => {
         focusedIndex.current = 0;
     }, [data]);
-    const getFocusableNodes = react_1.default.useCallback(() => {
-        const focusableItems = (0, utils_1.getFocusableElements)(treeRef.current);
+    const getFocusableNodes = React.useCallback(() => {
+        const focusableItems = (0, index_js_1.getFocusableElements)(treeRef.current);
         // Filter out focusable elements that are inside each node, e.g. checkbox
         return focusableItems.filter((i) => !focusableItems.some((p) => p.contains(i.parentElement)));
     }, []);
@@ -105,7 +128,7 @@ const Tree = (props) => {
                 break;
         }
     };
-    const [flatNodesList, firstLevelNodesList] = react_1.default.useMemo(() => {
+    const [flatNodesList, firstLevelNodesList] = React.useMemo(() => {
         const flatList = [];
         const firstLevelNodes = [];
         const flattenNodes = (nodes = [], depth = 0, parentNode) => {
@@ -133,10 +156,10 @@ const Tree = (props) => {
         flattenNodes(data);
         return [flatList, firstLevelNodes];
     }, [data, getNode]);
-    const itemRenderer = react_1.default.useCallback((index) => {
+    const itemRenderer = React.useCallback((index) => {
         var _a, _b, _c, _d;
         const node = flatNodesList[index];
-        return (react_1.default.createElement(TreeContext_1.TreeContext.Provider, { key: node.nodeProps.nodeId, value: {
+        return (React.createElement(TreeContext_js_1.TreeContext.Provider, { key: node.nodeProps.nodeId, value: {
                 nodeDepth: node.depth,
                 subNodeIds: node.subNodeIds,
                 groupSize: node.depth === 0
@@ -154,12 +177,12 @@ const Tree = (props) => {
                     : undefined,
             } }, nodeRenderer(node.nodeProps)));
     }, [firstLevelNodesList.length, flatNodesList, nodeRenderer]);
-    const [scrollToIndex, setScrollToIndex] = react_1.default.useState();
-    const flatNodesListRef = react_1.default.useRef(flatNodesList);
-    react_1.default.useEffect(() => {
+    const [scrollToIndex, setScrollToIndex] = React.useState();
+    const flatNodesListRef = React.useRef(flatNodesList);
+    React.useEffect(() => {
         flatNodesListRef.current = flatNodesList;
     }, [flatNodesList]);
-    react_1.default.useEffect(() => {
+    React.useEffect(() => {
         setTimeout(() => {
             var _a;
             if (scrollToIndex !== undefined) {
@@ -183,24 +206,24 @@ const Tree = (props) => {
             (_b = items[focusedIndex.current]) === null || _b === void 0 ? void 0 : _b.focus();
         }
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null, enableVirtualization ? (react_1.default.createElement(VirtualizedTree, { flatNodesList: flatNodesList, itemRenderer: itemRenderer, scrollToIndex: scrollToIndex, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: treeRef, className: className, style: style, ...rest })) : (react_1.default.createElement(TreeElement, { onKeyDown: handleKeyDown, onFocus: handleFocus, className: className, style: style, ref: treeRef, ...rest }, flatNodesList.map((_, i) => itemRenderer(i))))));
+    return (React.createElement(React.Fragment, null, enableVirtualization ? (React.createElement(VirtualizedTree, { flatNodesList: flatNodesList, itemRenderer: itemRenderer, scrollToIndex: scrollToIndex, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: treeRef, className: className, style: style, ...rest })) : (React.createElement(TreeElement, { onKeyDown: handleKeyDown, onFocus: handleFocus, className: className, style: style, ref: treeRef, ...rest }, flatNodesList.map((_, i) => itemRenderer(i))))));
 };
 exports.Tree = Tree;
-const TreeElement = react_1.default.forwardRef(({ children, className, ...rest }, ref) => {
-    return (react_1.default.createElement("ul", { className: (0, classnames_1.default)('iui-tree', className), role: 'tree', ref: ref, tabIndex: 0, ...rest }, children));
+const TreeElement = React.forwardRef(({ children, className, ...rest }, ref) => {
+    return (React.createElement("ul", { className: (0, classnames_1.default)('iui-tree', className), role: 'tree', ref: ref, tabIndex: 0, ...rest }, children));
 });
 // Having virtualized tree separately prevents from running all virtualization logic
-const VirtualizedTree = react_1.default.forwardRef(({ flatNodesList, itemRenderer, scrollToIndex, className, style, ...rest }, ref) => {
-    const { outerProps, innerProps, visibleChildren } = (0, utils_1.useVirtualization)({
+const VirtualizedTree = React.forwardRef(({ flatNodesList, itemRenderer, scrollToIndex, className, style, ...rest }, ref) => {
+    const { outerProps, innerProps, visibleChildren } = (0, index_js_1.useVirtualization)({
         itemsLength: flatNodesList.length,
         itemRenderer: itemRenderer,
         scrollToIndex,
     });
-    return (react_1.default.createElement("div", { ...{
+    return (React.createElement("div", { ...{
             ...outerProps,
             className: (0, classnames_1.default)(className, outerProps.className),
             style: { ...style, ...outerProps.style },
         } },
-        react_1.default.createElement(TreeElement, { ...innerProps, ...rest, ref: (0, utils_1.mergeRefs)(ref, innerProps.ref) }, visibleChildren)));
+        React.createElement(TreeElement, { ...innerProps, ...rest, ref: (0, index_js_1.mergeRefs)(ref, innerProps.ref) }, visibleChildren)));
 });
 exports.default = exports.Tree;

package/cjs/core/Tree/TreeContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type TreeContextProps = {
     /**
      * Depth of the node.