@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/ComboBox/ComboBoxInputContainer.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.ComboBoxInputContainer = void 0;
@@ -8,16 +28,16 @@ exports.ComboBoxInputContainer = 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 StatusMessage_1 = require("../StatusMessage");
-const utils_1 = require("../utils");
-const helpers_1 = require("./helpers");
+const React = __importStar(require("react"));
+const index_js_1 = require("../StatusMessage/index.js");
+const index_js_2 = require("../utils/index.js");
+const helpers_js_1 = require("./helpers.js");
 const ComboBoxInputContainer = (props) => {
     const { className, status, message, children, ...rest } = props;
-    const { id } = (0, utils_1.useSafeContext)(helpers_1.ComboBoxStateContext);
-    return (react_1.default.createElement(utils_1.InputContainer, { className: className, status: status, statusMessage: typeof message === 'string' ? (react_1.default.createElement(StatusMessage_1.StatusMessage, { status: status }, message)) : (react_1.default.isValidElement(message) &&
-            react_1.default.cloneElement(message, { status })), ...rest, id: id },
-        react_1.default.createElement("div", { className: 'iui-input-with-icon' }, children)));
+    const { id } = (0, index_js_2.useSafeContext)(helpers_js_1.ComboBoxStateContext);
+    return (React.createElement(index_js_2.InputContainer, { className: className, status: status, statusMessage: typeof message === 'string' ? (React.createElement(index_js_1.StatusMessage, { status: status }, message)) : (React.isValidElement(message) &&
+            React.cloneElement(message, { status })), ...rest, id: id },
+        React.createElement("div", { className: 'iui-input-with-icon' }, children)));
 };
 exports.ComboBoxInputContainer = ComboBoxInputContainer;
 exports.ComboBoxInputContainer.displayName = 'ComboBoxInputContainer';

package/cjs/core/ComboBox/ComboBoxMenu.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { MenuProps } from '../Menu';
+import * as React from 'react';
+import type { MenuProps } from '../Menu/index.js';
 export declare const ComboBoxMenu: React.ForwardRefExoticComponent<Omit<MenuProps, "onClick"> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | keyof React.HTMLAttributes<HTMLUListElement>> & React.RefAttributes<HTMLUListElement>>;

package/cjs/core/ComboBox/ComboBoxMenu.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,20 +32,20 @@ exports.ComboBoxMenu = 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 Menu_1 = require("../Menu");
-const Surface_1 = require("../Surface");
-const utils_1 = require("../utils");
-const helpers_1 = require("./helpers");
-const isOverflowOverlaySupported = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, utils_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, 'overflow: overlay'); };
-const VirtualizedComboBoxMenu = react_1.default.forwardRef(({ children, className, style, ...rest }, forwardedRef) => {
-    const { minWidth, id, filteredOptions, getMenuItem, focusedIndex } = (0, utils_1.useSafeContext)(helpers_1.ComboBoxStateContext);
-    const { menuRef } = (0, utils_1.useSafeContext)(helpers_1.ComboBoxRefsContext);
-    const virtualItemRenderer = react_1.default.useCallback((index) => filteredOptions.length > 0
+const React = __importStar(require("react"));
+const index_js_1 = require("../Menu/index.js");
+const index_js_2 = require("../Surface/index.js");
+const index_js_3 = require("../utils/index.js");
+const helpers_js_1 = require("./helpers.js");
+const isOverflowOverlaySupported = () => { var _a, _b, _c; return (_c = (_b = (_a = (0, index_js_3.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, 'overflow: overlay'); };
+const VirtualizedComboBoxMenu = React.forwardRef(({ children, className, style, ...rest }, forwardedRef) => {
+    const { minWidth, id, filteredOptions, getMenuItem, focusedIndex } = (0, index_js_3.useSafeContext)(helpers_js_1.ComboBoxStateContext);
+    const { menuRef } = (0, index_js_3.useSafeContext)(helpers_js_1.ComboBoxRefsContext);
+    const virtualItemRenderer = React.useCallback((index) => filteredOptions.length > 0
         ? getMenuItem(filteredOptions[index], index)
         : children, // Here is expected empty state content
     [filteredOptions, getMenuItem, children]);
-    const focusedVisibleIndex = react_1.default.useMemo(() => {
+    const focusedVisibleIndex = React.useMemo(() => {
         var _a, _b;
         const currentElement = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-iui-index="${focusedIndex}"]`);
         if (!currentElement) {
@@ -30,7 +53,7 @@ const VirtualizedComboBoxMenu = react_1.default.forwardRef(({ children, classNam
         }
         return Number((_b = currentElement.getAttribute('data-iui-filtered-index')) !== null && _b !== void 0 ? _b : focusedIndex);
     }, [focusedIndex, menuRef]);
-    const { outerProps, innerProps, visibleChildren } = (0, utils_1.useVirtualization)({
+    const { outerProps, innerProps, visibleChildren } = (0, index_js_3.useVirtualization)({
         // 'Fool' VirtualScroll by passing length 1
         // whenever there is no elements, to show empty state message
         itemsLength: filteredOptions.length || 1,
@@ -46,19 +69,19 @@ const VirtualizedComboBoxMenu = react_1.default.forwardRef(({ children, classNam
         overflowY: isOverflowOverlaySupported() ? 'overlay' : 'auto',
         ...style,
     };
-    return (react_1.default.createElement(Surface_1.Surface, { style: surfaceStyles, ...rest },
-        react_1.default.createElement("div", { ...outerProps },
-            react_1.default.createElement(Menu_1.Menu, { id: `${id}-list`, setFocus: false, role: 'listbox', ref: (0, utils_1.mergeRefs)(menuRef, innerProps.ref, forwardedRef), className: className, style: innerProps.style }, visibleChildren))));
+    return (React.createElement(index_js_2.Surface, { style: surfaceStyles, ...rest },
+        React.createElement("div", { ...outerProps },
+            React.createElement(index_js_1.Menu, { id: `${id}-list`, setFocus: false, role: 'listbox', ref: (0, index_js_3.mergeRefs)(menuRef, innerProps.ref, forwardedRef), className: className, style: innerProps.style }, visibleChildren))));
 });
-exports.ComboBoxMenu = react_1.default.forwardRef((props, forwardedRef) => {
+exports.ComboBoxMenu = React.forwardRef((props, forwardedRef) => {
     const { className, style, ...rest } = props;
-    const { minWidth, id, enableVirtualization } = (0, utils_1.useSafeContext)(helpers_1.ComboBoxStateContext);
-    const { menuRef } = (0, utils_1.useSafeContext)(helpers_1.ComboBoxRefsContext);
-    const refs = (0, utils_1.useMergedRefs)(menuRef, forwardedRef);
-    const styles = react_1.default.useMemo(() => ({
+    const { minWidth, id, enableVirtualization } = (0, index_js_3.useSafeContext)(helpers_js_1.ComboBoxStateContext);
+    const { menuRef } = (0, index_js_3.useSafeContext)(helpers_js_1.ComboBoxRefsContext);
+    const refs = (0, index_js_3.useMergedRefs)(menuRef, forwardedRef);
+    const styles = React.useMemo(() => ({
         minWidth,
         maxWidth: `min(${minWidth * 2}px, 90vw)`,
     }), [minWidth]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, !enableVirtualization ? (react_1.default.createElement(Menu_1.Menu, { id: `${id}-list`, style: { ...styles, ...style }, setFocus: false, role: 'listbox', ref: refs, className: (0, classnames_1.default)('iui-scroll', className), ...rest })) : (react_1.default.createElement(VirtualizedComboBoxMenu, { ref: forwardedRef, ...props }))));
+    return (React.createElement(React.Fragment, null, !enableVirtualization ? (React.createElement(index_js_1.Menu, { id: `${id}-list`, style: { ...styles, ...style }, setFocus: false, role: 'listbox', ref: refs, className: (0, classnames_1.default)('iui-scroll', className), ...rest })) : (React.createElement(VirtualizedComboBoxMenu, { ref: forwardedRef, ...props }))));
 });
 exports.ComboBoxMenu.displayName = 'ComboBoxMenu';

package/cjs/core/ComboBox/ComboBoxMenuItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const ComboBoxMenuItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     isSelected?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -16,6 +16,6 @@ export declare const ComboBoxMenuItem: React.MemoExoticComponent<React.ForwardRe
     id?: string | undefined;
 } & {
     style?: React.CSSProperties | undefined;
-} & import("../utils").ClassNameProps & {
+} & import("../utils/props.js").ClassNameProps & {
     index: number;
 } & React.RefAttributes<HTMLLIElement>>>;

package/cjs/core/ComboBox/ComboBoxMenuItem.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,33 +32,33 @@ exports.ComboBoxMenuItem = 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 helpers_1 = require("./helpers");
-exports.ComboBoxMenuItem = react_1.default.memo(react_1.default.forwardRef((props, forwardedRef) => {
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
+const helpers_js_1 = require("./helpers.js");
+exports.ComboBoxMenuItem = React.memo(React.forwardRef((props, forwardedRef) => {
     const { children, isSelected, disabled, value, onClick, sublabel, size = !!sublabel ? 'large' : 'default', icon, badge, className, role = 'option', index, ...rest } = props;
-    const { focusedIndex, enableVirtualization } = (0, utils_1.useSafeContext)(helpers_1.ComboBoxStateContext);
+    const { focusedIndex, enableVirtualization } = (0, index_js_1.useSafeContext)(helpers_js_1.ComboBoxStateContext);
     const focusRef = (el) => {
         if (!enableVirtualization && focusedIndex === index) {
             el === null || el === void 0 ? void 0 : el.scrollIntoView({ block: 'nearest' });
         }
     };
-    const refs = (0, utils_1.useMergedRefs)(forwardedRef, focusRef);
-    return (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-menu-item', {
+    const refs = (0, index_js_1.useMergedRefs)(forwardedRef, focusRef);
+    return (React.createElement("li", { className: (0, classnames_1.default)('iui-menu-item', {
             'iui-large': size === 'large',
             'iui-active': isSelected,
             'iui-disabled': disabled,
             'iui-focused': focusedIndex === index,
         }, className), ref: refs, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(value), role: role, tabIndex: role === 'presentation' ? undefined : -1, "aria-selected": isSelected, "aria-disabled": disabled, "data-iui-index": index, ...rest },
         icon &&
-            react_1.default.cloneElement(icon, {
+            React.cloneElement(icon, {
                 className: (0, classnames_1.default)(icon.props.className, 'iui-icon'),
             }),
-        react_1.default.createElement("span", { className: 'iui-content' },
-            react_1.default.createElement("div", { className: 'iui-menu-label' }, children),
-            sublabel && react_1.default.createElement("div", { className: 'iui-menu-description' }, sublabel)),
+        React.createElement("span", { className: 'iui-content' },
+            React.createElement("div", { className: 'iui-menu-label' }, children),
+            sublabel && React.createElement("div", { className: 'iui-menu-description' }, sublabel)),
         badge &&
-            react_1.default.cloneElement(badge, {
+            React.cloneElement(badge, {
                 className: (0, classnames_1.default)(badge.props.className, 'iui-icon'),
             })));
 }));

package/cjs/core/ComboBox/ComboBoxMultipleContainer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const ComboBoxMultipleContainer: React.ForwardRefExoticComponent<{
     selectedItems?: React.ReactNode[] | undefined;
 } & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "children"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/core/ComboBox/ComboBoxMultipleContainer.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,10 +31,10 @@ exports.ComboBoxMultipleContainer = 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 SelectTagContainer_1 = __importDefault(require("../Select/SelectTagContainer"));
-exports.ComboBoxMultipleContainer = react_1.default.forwardRef((props, ref) => {
+const React = __importStar(require("react"));
+const SelectTagContainer_js_1 = __importDefault(require("../Select/SelectTagContainer.js"));
+exports.ComboBoxMultipleContainer = React.forwardRef((props, ref) => {
     const { selectedItems = [], ...rest } = props;
-    return react_1.default.createElement(SelectTagContainer_1.default, { ref: ref, tags: selectedItems, ...rest });
+    return React.createElement(SelectTagContainer_js_1.default, { ref: ref, tags: selectedItems, ...rest });
 });
 exports.ComboBoxMultipleContainer.displayName = 'ComboBoxMultipleContainer';

package/cjs/core/ComboBox/helpers.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SelectOption } from '../Select/Select';
+import * as React from 'react';
+import type { SelectOption } from '../Select/Select.js';
 declare type ComboBoxAction = {
     type: 'multiselect';
     value: number[];

package/cjs/core/ComboBox/helpers.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.ComboBoxActionContext = exports.ComboBoxStateContext = exports.ComboBoxRefsContext = exports.comboBoxReducer = void 0;
@@ -8,7 +28,7 @@ exports.ComboBoxActionContext = exports.ComboBoxStateContext = exports.ComboBoxR
  * 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 comboBoxReducer = (state, action) => {
     var _a, _b, _c, _d, _e;
     switch (action.type) {
@@ -52,9 +72,9 @@ const comboBoxReducer = (state, action) => {
     }
 };
 exports.comboBoxReducer = comboBoxReducer;
-exports.ComboBoxRefsContext = react_1.default.createContext(undefined);
+exports.ComboBoxRefsContext = React.createContext(undefined);
 exports.ComboBoxRefsContext.displayName = 'ComboBoxRefsContext';
-exports.ComboBoxStateContext = react_1.default.createContext(undefined);
+exports.ComboBoxStateContext = React.createContext(undefined);
 exports.ComboBoxStateContext.displayName = 'ComboBoxStateContext';
-exports.ComboBoxActionContext = react_1.default.createContext(undefined);
+exports.ComboBoxActionContext = React.createContext(undefined);
 exports.ComboBoxActionContext.displayName = 'ComboBoxActionContext';

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

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

package/cjs/core/ComboBox/index.js

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

package/cjs/core/DatePicker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import '@itwin/itwinui-css/css/date-picker.css';
-import { TimePickerProps } from '../TimePicker';
+import type { TimePickerProps } from '../TimePicker/index.js';
 /**
  * Generate localized months and days strings using `Intl.DateTimeFormat` for passed locale to use in DatePicker component.
  * If locale is not passed, browser locale will be used.

package/cjs/core/DatePicker/DatePicker.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.DatePicker = exports.generateLocalizedStrings = 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/date-picker.css");
-const IconButton_1 = require("../Buttons/IconButton");
-const TimePicker_1 = require("../TimePicker");
+const index_js_2 = require("../Buttons/IconButton/index.js");
+const index_js_3 = require("../TimePicker/index.js");
 const isSameDay = (a, b) => {
     return (a &&
         b &&
@@ -120,31 +143,31 @@ exports.generateLocalizedStrings = generateLocalizedStrings;
 const DatePicker = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { date, onChange, localizedNames, className, style, setFocus = false, showTime = false, use12Hours = false, precision, hourStep, minuteStep, secondStep, useCombinedRenderer, combinedRenderer, hourRenderer, minuteRenderer, secondRenderer, meridiemRenderer, showYearSelection = false, enableRangeSelect = false, startDate, endDate, isDateDisabled, ...rest } = props;
-    (0, utils_1.useTheme)();
+    (0, index_js_1.useTheme)();
     const monthNames = (_a = localizedNames === null || localizedNames === void 0 ? void 0 : localizedNames.months) !== null && _a !== void 0 ? _a : defaultMonths;
     const shortDays = (_b = localizedNames === null || localizedNames === void 0 ? void 0 : localizedNames.shortDays) !== null && _b !== void 0 ? _b : defaultShortDays;
     const longDays = (_c = localizedNames === null || localizedNames === void 0 ? void 0 : localizedNames.days) !== null && _c !== void 0 ? _c : defaultLongDays;
-    const [selectedDay, setSelectedDay] = react_1.default.useState(date);
-    const [selectedStartDay, setSelectedStartDay] = react_1.default.useState(startDate);
-    const [selectedEndDay, setSelectedEndDay] = react_1.default.useState(endDate);
-    const [focusedDay, setFocusedDay] = react_1.default.useState((_d = selectedStartDay !== null && selectedStartDay !== void 0 ? selectedStartDay : selectedDay) !== null && _d !== void 0 ? _d : new Date());
-    const [displayedMonthIndex, setDisplayedMonthIndex] = react_1.default.useState((_f = (_e = selectedStartDay === null || selectedStartDay === void 0 ? void 0 : selectedStartDay.getMonth()) !== null && _e !== void 0 ? _e : selectedDay === null || selectedDay === void 0 ? void 0 : selectedDay.getMonth()) !== null && _f !== void 0 ? _f : new Date().getMonth());
-    const [displayedYear, setDisplayedYear] = react_1.default.useState((_h = (_g = selectedStartDay === null || selectedStartDay === void 0 ? void 0 : selectedStartDay.getFullYear()) !== null && _g !== void 0 ? _g : selectedDay === null || selectedDay === void 0 ? void 0 : selectedDay.getFullYear()) !== null && _h !== void 0 ? _h : new Date().getFullYear());
+    const [selectedDay, setSelectedDay] = React.useState(date);
+    const [selectedStartDay, setSelectedStartDay] = React.useState(startDate);
+    const [selectedEndDay, setSelectedEndDay] = React.useState(endDate);
+    const [focusedDay, setFocusedDay] = React.useState((_d = selectedStartDay !== null && selectedStartDay !== void 0 ? selectedStartDay : selectedDay) !== null && _d !== void 0 ? _d : new Date());
+    const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState((_f = (_e = selectedStartDay === null || selectedStartDay === void 0 ? void 0 : selectedStartDay.getMonth()) !== null && _e !== void 0 ? _e : selectedDay === null || selectedDay === void 0 ? void 0 : selectedDay.getMonth()) !== null && _f !== void 0 ? _f : new Date().getMonth());
+    const [displayedYear, setDisplayedYear] = React.useState((_h = (_g = selectedStartDay === null || selectedStartDay === void 0 ? void 0 : selectedStartDay.getFullYear()) !== null && _g !== void 0 ? _g : selectedDay === null || selectedDay === void 0 ? void 0 : selectedDay.getFullYear()) !== null && _h !== void 0 ? _h : new Date().getFullYear());
     // boolean that toggles between the user picking the start date and end date for date range
-    const [isSelectingStartDate, setIsSelectingStartDate] = react_1.default.useState(true);
+    const [isSelectingStartDate, setIsSelectingStartDate] = React.useState(true);
     // Used to focus days only when days are changed
     // e.g. without this, when changing months day would be focused
-    const needFocus = react_1.default.useRef(setFocus);
-    react_1.default.useEffect(() => {
+    const needFocus = React.useRef(setFocus);
+    React.useEffect(() => {
         if (needFocus.current) {
             needFocus.current = false;
         }
     });
-    const setMonthAndYear = react_1.default.useCallback((newMonth, newYear) => {
+    const setMonthAndYear = React.useCallback((newMonth, newYear) => {
         setDisplayedMonthIndex(newMonth);
         setDisplayedYear(newYear);
     }, []);
-    react_1.default.useEffect(() => {
+    React.useEffect(() => {
         var _a, _b, _c, _d;
         const currentDate = new Date();
         setSelectedDay(date);
@@ -155,7 +178,7 @@ const DatePicker = (props) => {
         }
         setMonthAndYear((_b = (_a = startDate === null || startDate === void 0 ? void 0 : startDate.getMonth()) !== null && _a !== void 0 ? _a : date === null || date === void 0 ? void 0 : date.getMonth()) !== null && _b !== void 0 ? _b : currentDate.getMonth(), (_d = (_c = startDate === null || startDate === void 0 ? void 0 : startDate.getFullYear()) !== null && _c !== void 0 ? _c : date === null || date === void 0 ? void 0 : date.getFullYear()) !== null && _d !== void 0 ? _d : currentDate.getFullYear());
     }, [date, setMonthAndYear, startDate, endDate, enableRangeSelect]);
-    const days = react_1.default.useMemo(() => {
+    const days = React.useMemo(() => {
         let offsetToFirst = new Date(displayedYear, displayedMonthIndex, 1).getDay();
         // if its sunday, show one week before
         if (0 === offsetToFirst) {
@@ -169,7 +192,7 @@ const DatePicker = (props) => {
         }
         return daysInMonth;
     }, [displayedMonthIndex, displayedYear]);
-    const weeks = react_1.default.useMemo(() => {
+    const weeks = React.useMemo(() => {
         const weeksInMonth = [];
         const weekCount = Math.ceil(days.length / 7);
         for (let i = 0; i < weekCount; i++) {
@@ -227,7 +250,7 @@ const DatePicker = (props) => {
             setSelectedStartDay(newStartDate);
             setFocusedDay(newStartDate);
             // if the start date is after the end date or the end date is undefined, reset the end date
-            if (!(0, utils_1.isBefore)(newStartDate, selectedEndDay)) {
+            if (!(0, index_js_1.isBefore)(newStartDate, selectedEndDay)) {
                 setSelectedEndDay(newStartDate);
                 onChange === null || onChange === void 0 ? void 0 : onChange(newStartDate, newStartDate);
             }
@@ -245,7 +268,7 @@ const DatePicker = (props) => {
             const newEndDate = new Date(day.getFullYear(), day.getMonth(), day.getDate(), currentEndDate.getHours(), currentEndDate.getMinutes(), currentEndDate.getSeconds());
             setFocusedDay(newEndDate);
             // if the end date is before the start date, move back the start date and still have user select end date
-            if (!(0, utils_1.isBefore)(newEndDate, selectedStartDay)) {
+            if (!(0, index_js_1.isBefore)(newEndDate, selectedStartDay)) {
                 setSelectedEndDay(newEndDate);
                 selectedStartDay && (onChange === null || onChange === void 0 ? void 0 : onChange(selectedStartDay, newEndDate));
                 setIsSelectingStartDate(true);
@@ -354,32 +377,32 @@ const DatePicker = (props) => {
         }
         return dayClass;
     };
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-date-picker', className), style: style, ...rest },
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("div", { className: 'iui-calendar-month-year' },
-                showYearSelection && (react_1.default.createElement(IconButton_1.IconButton, { styleType: 'borderless', onClick: handleMoveToPreviousYear, "aria-label": 'Previous year', size: 'small', disabled: isPreviousYearDisabled },
-                    react_1.default.createElement(utils_1.SvgChevronLeftDouble, null))),
-                react_1.default.createElement(IconButton_1.IconButton, { styleType: 'borderless', onClick: handleMoveToPreviousMonth, "aria-label": 'Previous month', size: 'small', disabled: isPreviousMonthDisabled },
-                    react_1.default.createElement(utils_1.SvgChevronLeft, null)),
-                react_1.default.createElement("span", { "aria-live": 'polite' },
-                    react_1.default.createElement("span", { className: 'iui-calendar-month', title: monthNames[displayedMonthIndex] }, monthNames[displayedMonthIndex]),
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-date-picker', className), style: style, ...rest },
+        React.createElement("div", null,
+            React.createElement("div", { className: 'iui-calendar-month-year' },
+                showYearSelection && (React.createElement(index_js_2.IconButton, { styleType: 'borderless', onClick: handleMoveToPreviousYear, "aria-label": 'Previous year', size: 'small', disabled: isPreviousYearDisabled },
+                    React.createElement(index_js_1.SvgChevronLeftDouble, null))),
+                React.createElement(index_js_2.IconButton, { styleType: 'borderless', onClick: handleMoveToPreviousMonth, "aria-label": 'Previous month', size: 'small', disabled: isPreviousMonthDisabled },
+                    React.createElement(index_js_1.SvgChevronLeft, null)),
+                React.createElement("span", { "aria-live": 'polite' },
+                    React.createElement("span", { className: 'iui-calendar-month', title: monthNames[displayedMonthIndex] }, monthNames[displayedMonthIndex]),
                     "\u00A0",
                     displayedYear),
-                react_1.default.createElement(IconButton_1.IconButton, { styleType: 'borderless', onClick: handleMoveToNextMonth, "aria-label": 'Next month', size: 'small', disabled: isNextMonthDisabled },
-                    react_1.default.createElement(utils_1.SvgChevronRight, null)),
-                showYearSelection && (react_1.default.createElement(IconButton_1.IconButton, { styleType: 'borderless', onClick: handleMoveToNextYear, "aria-label": 'Next year', size: 'small', disabled: isNextYearDisabled },
-                    react_1.default.createElement(utils_1.SvgChevronRightDouble, null)))),
-            react_1.default.createElement("div", { className: 'iui-calendar-weekdays' }, shortDays.map((day, index) => (react_1.default.createElement("div", { key: day, title: longDays[index] }, day)))),
-            react_1.default.createElement("div", { onKeyDown: handleCalendarKeyDown, role: 'listbox' }, weeks.map((weekDays, weekIndex) => {
-                return (react_1.default.createElement("div", { key: `week-${displayedMonthIndex}-${weekIndex}`, className: 'iui-calendar-week' }, weekDays.map((weekDay, dayIndex) => {
+                React.createElement(index_js_2.IconButton, { styleType: 'borderless', onClick: handleMoveToNextMonth, "aria-label": 'Next month', size: 'small', disabled: isNextMonthDisabled },
+                    React.createElement(index_js_1.SvgChevronRight, null)),
+                showYearSelection && (React.createElement(index_js_2.IconButton, { styleType: 'borderless', onClick: handleMoveToNextYear, "aria-label": 'Next year', size: 'small', disabled: isNextYearDisabled },
+                    React.createElement(index_js_1.SvgChevronRightDouble, null)))),
+            React.createElement("div", { className: 'iui-calendar-weekdays' }, shortDays.map((day, index) => (React.createElement("div", { key: day, title: longDays[index] }, day)))),
+            React.createElement("div", { onKeyDown: handleCalendarKeyDown, role: 'listbox' }, weeks.map((weekDays, weekIndex) => {
+                return (React.createElement("div", { key: `week-${displayedMonthIndex}-${weekIndex}`, className: 'iui-calendar-week' }, weekDays.map((weekDay, dayIndex) => {
                     const dateValue = weekDay.getDate();
                     const isDisabled = isDateDisabled === null || isDateDisabled === void 0 ? void 0 : isDateDisabled(weekDay);
-                    return (react_1.default.createElement("div", { key: `day-${displayedMonthIndex}-${dayIndex}`, className: getDayClass(weekDay), onClick: () => !isDisabled && onDayClick(weekDay), role: 'option', tabIndex: isSameDay(weekDay, focusedDay) ? 0 : -1, "aria-disabled": isDisabled ? 'true' : undefined, ref: (element) => isSameDay(weekDay, focusedDay) &&
+                    return (React.createElement("div", { key: `day-${displayedMonthIndex}-${dayIndex}`, className: getDayClass(weekDay), onClick: () => !isDisabled && onDayClick(weekDay), role: 'option', tabIndex: isSameDay(weekDay, focusedDay) ? 0 : -1, "aria-disabled": isDisabled ? 'true' : undefined, ref: (element) => isSameDay(weekDay, focusedDay) &&
                             needFocus.current &&
                             (element === null || element === void 0 ? void 0 : element.focus()) }, dateValue));
                 })));
             }))),
-        showTime && (react_1.default.createElement(TimePicker_1.TimePicker, { date: selectedStartDay !== null && selectedStartDay !== void 0 ? selectedStartDay : selectedDay, use12Hours: use12Hours, precision: precision, hourStep: hourStep, minuteStep: minuteStep, secondStep: secondStep, useCombinedRenderer: useCombinedRenderer, combinedRenderer: combinedRenderer, hourRenderer: hourRenderer, minuteRenderer: minuteRenderer, secondRenderer: secondRenderer, meridiemRenderer: meridiemRenderer, onChange: (date) => {
+        showTime && (React.createElement(index_js_3.TimePicker, { date: selectedStartDay !== null && selectedStartDay !== void 0 ? selectedStartDay : selectedDay, use12Hours: use12Hours, precision: precision, hourStep: hourStep, minuteStep: minuteStep, secondStep: secondStep, useCombinedRenderer: useCombinedRenderer, combinedRenderer: combinedRenderer, hourRenderer: hourRenderer, minuteRenderer: minuteRenderer, secondRenderer: secondRenderer, meridiemRenderer: meridiemRenderer, onChange: (date) => {
                 var _a, _b, _c, _d, _e, _f;
                 return isSingleOnChange(onChange, enableRangeSelect)
                     ? onChange === null || onChange === void 0 ? void 0 : onChange(date)

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

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

package/cjs/core/DatePicker/index.js

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