@itwin/itwinui-react 2.10.1 → 2.11.1

package/cjs/core/utils/components/Resizer.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.Resizer = void 0;
@@ -8,8 +28,8 @@ exports.Resizer = 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 functions_1 = require("../functions");
+const React = __importStar(require("react"));
+const index_js_1 = require("../functions/index.js");
 /**
  * Component that allows to resize parent element.
  * Parent must have `position: relative`.
@@ -24,14 +44,14 @@ const functions_1 = require("../functions");
  */
 const Resizer = (props) => {
     const { elementRef, containerRef, onResizeStart, onResizeEnd } = props;
-    const isResizing = react_1.default.useRef(false);
+    const isResizing = React.useRef(false);
     const onResizePointerDown = (event) => {
         if (!elementRef.current || event.button !== 0) {
             return;
         }
         const initialPointerX = event.clientX;
         const initialPointerY = event.clientY;
-        const [initialTranslateX, initialTranslateY] = (0, functions_1.getTranslateValues)(elementRef.current);
+        const [initialTranslateX, initialTranslateY] = (0, index_js_1.getTranslateValues)(elementRef.current);
         const { width: initialWidth, height: initialHeight } = elementRef.current.getBoundingClientRect();
         let width = `${initialWidth}px`;
         let height = `${initialHeight}px`;
@@ -53,8 +73,8 @@ const Resizer = (props) => {
                 onResizeStart === null || onResizeStart === void 0 ? void 0 : onResizeStart();
             }
             const containerRect = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            const clientX = (0, functions_1.getBoundedValue)(event.clientX, (_b = containerRect === null || containerRect === void 0 ? void 0 : containerRect.left) !== null && _b !== void 0 ? _b : 0, (_d = (_c = containerRect === null || containerRect === void 0 ? void 0 : containerRect.right) !== null && _c !== void 0 ? _c : ownerDocument.documentElement.clientWidth) !== null && _d !== void 0 ? _d : 0);
-            const clientY = (0, functions_1.getBoundedValue)(event.clientY, (_e = containerRect === null || containerRect === void 0 ? void 0 : containerRect.top) !== null && _e !== void 0 ? _e : 0, (_g = (_f = containerRect === null || containerRect === void 0 ? void 0 : containerRect.bottom) !== null && _f !== void 0 ? _f : ownerDocument.documentElement.clientHeight) !== null && _g !== void 0 ? _g : 0);
+            const clientX = (0, index_js_1.getBoundedValue)(event.clientX, (_b = containerRect === null || containerRect === void 0 ? void 0 : containerRect.left) !== null && _b !== void 0 ? _b : 0, (_d = (_c = containerRect === null || containerRect === void 0 ? void 0 : containerRect.right) !== null && _c !== void 0 ? _c : ownerDocument.documentElement.clientWidth) !== null && _d !== void 0 ? _d : 0);
+            const clientY = (0, index_js_1.getBoundedValue)(event.clientY, (_e = containerRect === null || containerRect === void 0 ? void 0 : containerRect.top) !== null && _e !== void 0 ? _e : 0, (_g = (_f = containerRect === null || containerRect === void 0 ? void 0 : containerRect.bottom) !== null && _f !== void 0 ? _f : ownerDocument.documentElement.clientHeight) !== null && _g !== void 0 ? _g : 0);
             const diffX = initialPointerX - clientX;
             const diffY = initialPointerY - clientY;
             switch (resizer) {
@@ -143,8 +163,8 @@ const Resizer = (props) => {
             }
         }, { once: true });
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { "data-iui-resizer": 'top-left', onPointerDown: onResizePointerDown, style: {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { "data-iui-resizer": 'top-left', onPointerDown: onResizePointerDown, style: {
                 position: 'absolute',
                 top: -4,
                 left: -4,
@@ -152,7 +172,7 @@ const Resizer = (props) => {
                 height: 12,
                 cursor: 'nw-resize',
             } }),
-        react_1.default.createElement("div", { "data-iui-resizer": 'top', onPointerDown: onResizePointerDown, style: {
+        React.createElement("div", { "data-iui-resizer": 'top', onPointerDown: onResizePointerDown, style: {
                 position: 'absolute',
                 top: -4,
                 left: 8,
@@ -160,7 +180,7 @@ const Resizer = (props) => {
                 height: 8,
                 cursor: 'n-resize',
             } }),
-        react_1.default.createElement("div", { "data-iui-resizer": 'top-right', onPointerDown: onResizePointerDown, style: {
+        React.createElement("div", { "data-iui-resizer": 'top-right', onPointerDown: onResizePointerDown, style: {
                 position: 'absolute',
                 top: -4,
                 right: -4,
@@ -168,7 +188,7 @@ const Resizer = (props) => {
                 height: 12,
                 cursor: 'ne-resize',
             } }),
-        react_1.default.createElement("div", { "data-iui-resizer": 'right', onPointerDown: onResizePointerDown, style: {
+        React.createElement("div", { "data-iui-resizer": 'right', onPointerDown: onResizePointerDown, style: {
                 position: 'absolute',
                 top: 8,
                 right: -4,
@@ -176,7 +196,7 @@ const Resizer = (props) => {
                 width: 8,
                 cursor: 'e-resize',
             } }),
-        react_1.default.createElement("div", { "data-iui-resizer": 'bottom-right', onPointerDown: onResizePointerDown, style: {
+        React.createElement("div", { "data-iui-resizer": 'bottom-right', onPointerDown: onResizePointerDown, style: {
                 position: 'absolute',
                 bottom: -4,
                 right: -4,
@@ -184,7 +204,7 @@ const Resizer = (props) => {
                 height: 12,
                 cursor: 'se-resize',
             } }),
-        react_1.default.createElement("div", { "data-iui-resizer": 'bottom', onPointerDown: onResizePointerDown, style: {
+        React.createElement("div", { "data-iui-resizer": 'bottom', onPointerDown: onResizePointerDown, style: {
                 position: 'absolute',
                 bottom: -4,
                 left: 8,
@@ -192,7 +212,7 @@ const Resizer = (props) => {
                 height: 8,
                 cursor: 's-resize',
             } }),
-        react_1.default.createElement("div", { "data-iui-resizer": 'bottom-left', onPointerDown: onResizePointerDown, style: {
+        React.createElement("div", { "data-iui-resizer": 'bottom-left', onPointerDown: onResizePointerDown, style: {
                 position: 'absolute',
                 bottom: -4,
                 left: -4,
@@ -200,7 +220,7 @@ const Resizer = (props) => {
                 height: 12,
                 cursor: 'sw-resize',
             } }),
-        react_1.default.createElement("div", { "data-iui-resizer": 'left', onPointerDown: onResizePointerDown, style: {
+        React.createElement("div", { "data-iui-resizer": 'left', onPointerDown: onResizePointerDown, style: {
                 position: 'absolute',
                 top: 8,
                 left: -4,

package/cjs/core/utils/components/VirtualScroll.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type VirtualScrollProps = {
     /**
      * Length of the items to virtualize.

package/cjs/core/utils/components/VirtualScroll.js

@@ -22,9 +22,6 @@ 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 };
-};
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVirtualization = exports.VirtualScroll = void 0;
@@ -32,9 +29,9 @@ exports.useVirtualization = exports.VirtualScroll = 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 ReactDOM = __importStar(require("react-dom"));
-const hooks_1 = require("../hooks");
+const index_js_1 = require("../hooks/index.js");
 const unstable_batchedUpdates = (_a = ReactDOM.unstable_batchedUpdates) !== null && _a !== void 0 ? _a : ((cb) => void cb());
 const getScrollableParent = (element, ownerDocument = document) => {
     if (!element || element === ownerDocument.body) {
@@ -99,10 +96,10 @@ const getVisibleNodeCount = (childHeight, startIndex, childrenLength, scrollCont
  * />
  * @private
  */
-exports.VirtualScroll = react_1.default.forwardRef((props, ref) => {
+exports.VirtualScroll = React.forwardRef((props, ref) => {
     const { innerProps, outerProps, visibleChildren } = (0, exports.useVirtualization)(props);
-    return (react_1.default.createElement("div", { ...outerProps, ref: ref },
-        react_1.default.createElement("div", { ...innerProps }, visibleChildren)));
+    return (React.createElement("div", { ...outerProps, ref: ref },
+        React.createElement("div", { ...innerProps }, visibleChildren)));
 });
 /**
  * `useVirtualization` is used for efficiently rendering only the visible rows from a large list.
@@ -126,23 +123,23 @@ exports.VirtualScroll = react_1.default.forwardRef((props, ref) => {
  */
 const useVirtualization = (props) => {
     const { itemsLength, itemRenderer, bufferSize = 10, scrollToIndex, style, ...rest } = props;
-    const [startNode, setStartNode] = react_1.default.useState(0);
-    const [visibleNodeCount, setVisibleNodeCount] = react_1.default.useState(0);
-    const scrollContainer = react_1.default.useRef();
-    const parentRef = react_1.default.useRef(null);
-    const childHeight = react_1.default.useRef({ first: 0, middle: 0, last: 0 });
-    const onScrollRef = react_1.default.useRef();
+    const [startNode, setStartNode] = React.useState(0);
+    const [visibleNodeCount, setVisibleNodeCount] = React.useState(0);
+    const scrollContainer = React.useRef();
+    const parentRef = React.useRef(null);
+    const childHeight = React.useRef({ first: 0, middle: 0, last: 0 });
+    const onScrollRef = React.useRef();
     // Used only to recalculate on resize
-    const [scrollContainerHeight, setScrollContainerHeight] = react_1.default.useState(0);
-    const visibleIndex = react_1.default.useRef({ start: 0, end: 0 });
+    const [scrollContainerHeight, setScrollContainerHeight] = React.useState(0);
+    const visibleIndex = React.useRef({ start: 0, end: 0 });
     // Used to mark when scroll container has height (updated by resize observer)
     // because before that calculations are not right
-    const [isMounted, setIsMounted] = react_1.default.useState(false);
+    const [isMounted, setIsMounted] = React.useState(false);
     const getScrollableContainer = () => {
         var _a, _b;
         return (_a = scrollContainer.current) !== null && _a !== void 0 ? _a : (_b = parentRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.scrollingElement;
     };
-    const visibleChildren = react_1.default.useMemo(() => {
+    const visibleChildren = React.useMemo(() => {
         const arr = [];
         const endIndex = Math.min(itemsLength, startNode + visibleNodeCount + bufferSize * 2);
         for (let i = startNode; i < endIndex; i++) {
@@ -150,7 +147,7 @@ const useVirtualization = (props) => {
         }
         return arr;
     }, [itemsLength, itemRenderer, bufferSize, startNode, visibleNodeCount]);
-    const updateChildHeight = react_1.default.useCallback(() => {
+    const updateChildHeight = React.useCallback(() => {
         var _a, _b, _c, _d, _e, _f;
         if (!parentRef.current || !visibleChildren.length) {
             return;
@@ -165,7 +162,7 @@ const useVirtualization = (props) => {
             last: Number((_f = (_e = getElementHeightWithMargins(lastChild)) === null || _e === void 0 ? void 0 : _e.toFixed(2)) !== null && _f !== void 0 ? _f : firstChildHeight),
         };
     }, [visibleChildren.length]);
-    const onResize = react_1.default.useCallback(({ height }) => {
+    const onResize = React.useCallback(({ height }) => {
         // Initial value returned by resize observer is 0
         // So wait for the next one
         if (height > 0) {
@@ -176,22 +173,22 @@ const useVirtualization = (props) => {
             updateChildHeight();
         });
     }, [updateChildHeight]);
-    const [resizeRef, resizeObserver] = (0, hooks_1.useResizeObserver)(onResize);
+    const [resizeRef, resizeObserver] = (0, index_js_1.useResizeObserver)(onResize);
     // Find scrollable parent
     // Needed only on init
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
         var _a;
         const scrollableParent = getScrollableParent(parentRef.current, (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument);
         scrollContainer.current = scrollableParent;
         resizeRef(scrollableParent);
     }, [resizeRef]);
     // Stop watching resize, when virtual scroll is unmounted
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
         return () => resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
     }, [resizeObserver]);
     // Get child height when children available
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => updateChildHeight(), [updateChildHeight]);
-    const updateVirtualScroll = react_1.default.useCallback(() => {
+    (0, index_js_1.useIsomorphicLayoutEffect)(() => updateChildHeight(), [updateChildHeight]);
+    const updateVirtualScroll = React.useCallback(() => {
         const scrollableContainer = getScrollableContainer();
         if (!scrollableContainer) {
             return;
@@ -210,10 +207,10 @@ const useVirtualization = (props) => {
         }
         parentRef.current.style.transform = `translateY(${getTranslateValue(childHeight.current.middle, startIndex)}px)`;
     }, [bufferSize, itemsLength]);
-    const onScroll = react_1.default.useCallback(() => {
+    const onScroll = React.useCallback(() => {
         updateVirtualScroll();
     }, [updateVirtualScroll]);
-    const removeScrollListener = react_1.default.useCallback(() => {
+    const removeScrollListener = React.useCallback(() => {
         var _a, _b;
         if (!onScrollRef.current) {
             return;
@@ -224,7 +221,7 @@ const useVirtualization = (props) => {
             : scrollContainer.current.removeEventListener('scroll', onScrollRef.current);
     }, []);
     // Add event listener to the scrollable container.
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
         var _a, _b;
         removeScrollListener();
         onScrollRef.current = onScroll;
@@ -237,7 +234,7 @@ const useVirtualization = (props) => {
         }
         return removeScrollListener;
     }, [onScroll, removeScrollListener]);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
         if (!isMounted) {
             return;
         }
@@ -293,7 +290,7 @@ const useVirtualization = (props) => {
             }
         }
     }, [scrollToIndex, isMounted]);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
         if (!scrollContainerHeight) {
             return;
         }
@@ -314,7 +311,7 @@ const useVirtualization = (props) => {
         },
         innerProps: {
             style: { willChange: 'transform' },
-            ref: (0, hooks_1.mergeRefs)(parentRef), // convert object ref to callback ref for better types
+            ref: (0, index_js_1.mergeRefs)(parentRef), // convert object ref to callback ref for better types
         },
         visibleChildren,
     };

package/cjs/core/utils/components/VisuallyHidden.d.ts

@@ -1,5 +1,5 @@
 import '@itwin/itwinui-css/css/utils.css';
-import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../props';
+import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../props.js';
 declare type VisuallyHiddenOwnProps = {
     /**
      * When VisuallyHidden is used with an interactive element (e.g. button),

package/cjs/core/utils/components/VisuallyHidden.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.VisuallyHidden = 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 hooks_1 = require("../hooks");
+const index_js_1 = require("../hooks/index.js");
 require("@itwin/itwinui-css/css/utils.css");
 /**
  * Hides content visually but keeps it still accessible to screen readers
@@ -22,9 +45,9 @@ require("@itwin/itwinui-css/css/utils.css");
  *
  * @see https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
  */
-exports.VisuallyHidden = react_1.default.forwardRef((props, ref) => {
+exports.VisuallyHidden = React.forwardRef((props, ref) => {
     const { as: Element = 'span', className, unhideOnFocus = true, ...rest } = props;
-    (0, hooks_1.useTheme)();
-    return (react_1.default.createElement(Element, { className: (0, classnames_1.default)('iui-visually-hidden', className), "data-iui-unhide-on-focus": unhideOnFocus ? true : undefined, ref: ref, ...rest }));
+    (0, index_js_1.useTheme)();
+    return (React.createElement(Element, { className: (0, classnames_1.default)('iui-visually-hidden', className), "data-iui-unhide-on-focus": unhideOnFocus ? true : undefined, ref: ref, ...rest }));
 });
 exports.default = exports.VisuallyHidden;

package/cjs/core/utils/components/WithCSSTransition.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 export declare const WithCSSTransition: (props: Partial<CSSTransitionProps> & {
     children: JSX.Element;
     dimension?: 'height' | 'width';

package/cjs/core/utils/components/WithCSSTransition.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.WithCSSTransition = void 0;
@@ -8,13 +28,13 @@ exports.WithCSSTransition = 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 WithCSSTransition = (props) => {
     const { in: visible, dimension = 'height', children, ...rest } = props;
-    const expandedSize = react_1.default.useRef(0);
+    const expandedSize = React.useRef(0);
     const dimensionCamelCase = dimension === 'height' ? 'Height' : 'Width';
-    return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: visible, timeout: 200, unmountOnExit: true, onEnter: (node) => {
+    return (React.createElement(react_transition_group_1.CSSTransition, { in: visible, timeout: 200, unmountOnExit: true, onEnter: (node) => {
             node.style[`min${dimensionCamelCase}`] = 'initial';
             node.style[dimension] = '0px';
         }, onEntering: (node) => {
@@ -27,7 +47,7 @@ const WithCSSTransition = (props) => {
         }, onExiting: (node) => {
             node.style[`min${dimensionCamelCase}`] = 'initial';
             node.style[dimension] = '0px';
-        }, classNames: 'iui', ...rest }, react_1.default.cloneElement(children, {
+        }, classNames: 'iui', ...rest }, React.cloneElement(children, {
         ref: (el) => {
             if (el) {
                 expandedSize.current = el.getBoundingClientRect()[dimension];

package/cjs/core/utils/components/index.d.ts

@@ -1,12 +1,14 @@
-export * from './Popover';
-export * from './Resizer';
-export * from './FocusTrap';
-export * from './InputContainer';
-export * from './WithCSSTransition';
-export * from './MiddleTextTruncation';
-export * from './VirtualScroll';
-export * from './VisuallyHidden';
-export * from './Icon';
-export * from './Flex';
-export * from './Divider';
-export * from './LinkAction';
+export * from './Popover.js';
+export * from './Resizer.js';
+export * from './FocusTrap.js';
+export * from './InputContainer.js';
+export * from './InputFlexContainer.js';
+export * from './WithCSSTransition.js';
+export * from './MiddleTextTruncation.js';
+export * from './VirtualScroll.js';
+export * from './VisuallyHidden.js';
+export * from './Icon.js';
+export * from './Flex.js';
+export * from './Divider.js';
+export * from './LinkAction.js';
+export * from './AutoclearingHiddenLiveRegion.js';

package/cjs/core/utils/components/index.js

@@ -18,15 +18,17 @@ 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.
  *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./Popover"), exports);
-__exportStar(require("./Resizer"), exports);
-__exportStar(require("./FocusTrap"), exports);
-__exportStar(require("./InputContainer"), exports);
-__exportStar(require("./WithCSSTransition"), exports);
-__exportStar(require("./MiddleTextTruncation"), exports);
-__exportStar(require("./VirtualScroll"), exports);
-__exportStar(require("./VisuallyHidden"), exports);
-__exportStar(require("./Icon"), exports);
-__exportStar(require("./Flex"), exports);
-__exportStar(require("./Divider"), exports);
-__exportStar(require("./LinkAction"), exports);
+__exportStar(require("./Popover.js"), exports);
+__exportStar(require("./Resizer.js"), exports);
+__exportStar(require("./FocusTrap.js"), exports);
+__exportStar(require("./InputContainer.js"), exports);
+__exportStar(require("./InputFlexContainer.js"), exports);
+__exportStar(require("./WithCSSTransition.js"), exports);
+__exportStar(require("./MiddleTextTruncation.js"), exports);
+__exportStar(require("./VirtualScroll.js"), exports);
+__exportStar(require("./VisuallyHidden.js"), exports);
+__exportStar(require("./Icon.js"), exports);
+__exportStar(require("./Flex.js"), exports);
+__exportStar(require("./Divider.js"), exports);
+__exportStar(require("./LinkAction.js"), exports);
+__exportStar(require("./AutoclearingHiddenLiveRegion.js"), exports);

package/cjs/core/utils/functions/index.d.ts

@@ -1,7 +1,7 @@
-export * from './date';
-export * from './dom';
-export * from './colors';
-export * from './numbers';
-export * from './focusable';
-export * from './styles';
-export * from './supports';
+export * from './date.js';
+export * from './dom.js';
+export * from './colors.js';
+export * from './numbers.js';
+export * from './focusable.js';
+export * from './styles.js';
+export * from './supports.js';

package/cjs/core/utils/functions/index.js

@@ -18,10 +18,10 @@ 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.
  *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./date"), exports);
-__exportStar(require("./dom"), exports);
-__exportStar(require("./colors"), exports);
-__exportStar(require("./numbers"), exports);
-__exportStar(require("./focusable"), exports);
-__exportStar(require("./styles"), exports);
-__exportStar(require("./supports"), exports);
+__exportStar(require("./date.js"), exports);
+__exportStar(require("./dom.js"), exports);
+__exportStar(require("./colors.js"), exports);
+__exportStar(require("./numbers.js"), exports);
+__exportStar(require("./focusable.js"), exports);
+__exportStar(require("./styles.js"), exports);
+__exportStar(require("./supports.js"), exports);

package/cjs/core/utils/functions/supports.js

@@ -5,9 +5,9 @@
  *--------------------------------------------------------------------------------------------*/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.supportsHas = void 0;
-const dom_1 = require("./dom");
+const dom_js_1 = require("./dom.js");
 /**
  * Returns true if the :has selector is supported in the browser
  */
-const supportsHas = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, dom_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.CSS) === null || _b === void 0 ? void 0 : _b.supports) === null || _c === void 0 ? void 0 : _c.call(_b, 'selector(:has(+ *))'); };
+const supportsHas = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, dom_js_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.CSS) === null || _b === void 0 ? void 0 : _b.supports) === null || _c === void 0 ? void 0 : _c.call(_b, 'selector(:has(+ *))'); };
 exports.supportsHas = supportsHas;

package/cjs/core/utils/hooks/index.d.ts

@@ -1,14 +1,14 @@
-export * from './useEventListener';
-export * from './useMergedRefs';
-export * from './useOverflow';
-export * from './useResizeObserver';
-export * from './useContainerWidth';
-export * from './useTheme';
-export * from './useIntersection';
-export * from './useMediaQuery';
-export * from './useSafeContext';
-export * from './useLatestRef';
-export * from './useIsomorphicLayoutEffect';
-export * from './useIsThemeAlreadySet';
-export * from './useIsClient';
-export * from './useId';
+export * from './useEventListener.js';
+export * from './useMergedRefs.js';
+export * from './useOverflow.js';
+export * from './useResizeObserver.js';
+export * from './useContainerWidth.js';
+export * from './useTheme.js';
+export * from './useIntersection.js';
+export * from './useMediaQuery.js';
+export * from './useSafeContext.js';
+export * from './useLatestRef.js';
+export * from './useIsomorphicLayoutEffect.js';
+export * from './useIsThemeAlreadySet.js';
+export * from './useIsClient.js';
+export * from './useId.js';

package/cjs/core/utils/hooks/index.js

@@ -18,17 +18,17 @@ 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.
  *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./useEventListener"), exports);
-__exportStar(require("./useMergedRefs"), exports);
-__exportStar(require("./useOverflow"), exports);
-__exportStar(require("./useResizeObserver"), exports);
-__exportStar(require("./useContainerWidth"), exports);
-__exportStar(require("./useTheme"), exports);
-__exportStar(require("./useIntersection"), exports);
-__exportStar(require("./useMediaQuery"), exports);
-__exportStar(require("./useSafeContext"), exports);
-__exportStar(require("./useLatestRef"), exports);
-__exportStar(require("./useIsomorphicLayoutEffect"), exports);
-__exportStar(require("./useIsThemeAlreadySet"), exports);
-__exportStar(require("./useIsClient"), exports);
-__exportStar(require("./useId"), exports);
+__exportStar(require("./useEventListener.js"), exports);
+__exportStar(require("./useMergedRefs.js"), exports);
+__exportStar(require("./useOverflow.js"), exports);
+__exportStar(require("./useResizeObserver.js"), exports);
+__exportStar(require("./useContainerWidth.js"), exports);
+__exportStar(require("./useTheme.js"), exports);
+__exportStar(require("./useIntersection.js"), exports);
+__exportStar(require("./useMediaQuery.js"), exports);
+__exportStar(require("./useSafeContext.js"), exports);
+__exportStar(require("./useLatestRef.js"), exports);
+__exportStar(require("./useIsomorphicLayoutEffect.js"), exports);
+__exportStar(require("./useIsThemeAlreadySet.js"), exports);
+__exportStar(require("./useIsClient.js"), exports);
+__exportStar(require("./useId.js"), exports);