@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/Table/columns/actionColumn.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,15 +31,15 @@ exports.ActionColumn = 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 Checkbox_1 = require("../../Checkbox");
-const utils_1 = require("../../utils");
-const DropdownMenu_1 = require("../../DropdownMenu");
-const IconButton_1 = require("../../Buttons/IconButton");
-const Menu_1 = require("../../Menu");
-const Table_1 = require("../Table");
-const selectionColumn_1 = require("./selectionColumn");
-const expanderColumn_1 = require("./expanderColumn");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../Checkbox/index.js");
+const index_js_2 = require("../../utils/index.js");
+const index_js_3 = require("../../DropdownMenu/index.js");
+const index_js_4 = require("../../Buttons/IconButton/index.js");
+const index_js_5 = require("../../Menu/index.js");
+const Table_js_1 = require("../Table.js");
+const selectionColumn_js_1 = require("./selectionColumn.js");
+const expanderColumn_js_1 = require("./expanderColumn.js");
 const classnames_1 = __importDefault(require("classnames"));
 const ACTION_CELL_ID = 'iui-table-action';
 /**
@@ -50,14 +73,14 @@ const ActionColumn = ({ columnManager = false, } = {}) => {
         cellClassName: 'iui-slot',
         disableReordering: true,
         Header: ({ allColumns, dispatch, state }) => {
-            const [isOpen, setIsOpen] = react_1.default.useState(false);
-            const buttonRef = react_1.default.useRef(null);
+            const [isOpen, setIsOpen] = React.useState(false);
+            const buttonRef = React.useRef(null);
             if (!columnManager) {
                 return null;
             }
             const defaultColumnIds = [
-                selectionColumn_1.SELECTION_CELL_ID,
-                expanderColumn_1.EXPANDER_CELL_ID,
+                selectionColumn_js_1.SELECTION_CELL_ID,
+                expanderColumn_js_1.EXPANDER_CELL_ID,
                 ACTION_CELL_ID,
             ];
             const headerCheckBoxes = () => allColumns
@@ -72,7 +95,7 @@ const ActionColumn = ({ columnManager = false, } = {}) => {
                         return;
                     }
                     // Triggers an update to resize the widths of all visible columns
-                    dispatch({ type: Table_1.tableResizeStartAction });
+                    dispatch({ type: Table_js_1.tableResizeStartAction });
                     // If some columns were resized and some columns visibility was enabled, then horizontal scrollbar appears
                     // and table is scrolled to the very left which means our visibility dropdown menu is not visible.
                     // So for better UX we need to scroll to that dropdown menu.
@@ -81,13 +104,13 @@ const ActionColumn = ({ columnManager = false, } = {}) => {
                         (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
                     });
                 };
-                return (react_1.default.createElement(Menu_1.MenuItem, { key: column.id, icon: react_1.default.createElement(Checkbox_1.Checkbox, { checked: checked, disabled: column.disableToggleVisibility, onClick: (e) => e.stopPropagation(), onChange: onClick, "aria-labelledby": `iui-column-${column.id}` }), onClick: onClick, disabled: column.disableToggleVisibility },
-                    react_1.default.createElement("div", { id: `iui-column-${column.id}` }, column.render('Header'))));
+                return (React.createElement(index_js_5.MenuItem, { key: column.id, icon: React.createElement(index_js_1.Checkbox, { checked: checked, disabled: column.disableToggleVisibility, onClick: (e) => e.stopPropagation(), onChange: onClick, "aria-labelledby": `iui-column-${column.id}` }), onClick: onClick, disabled: column.disableToggleVisibility },
+                    React.createElement("div", { id: `iui-column-${column.id}` }, column.render('Header'))));
             });
             const dropdownMenuProps = typeof columnManager !== 'boolean'
                 ? columnManager.dropdownMenuProps
                 : {};
-            return (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { ...dropdownMenuProps, menuItems: headerCheckBoxes, onHide: (i) => {
+            return (React.createElement(index_js_3.DropdownMenu, { ...dropdownMenuProps, menuItems: headerCheckBoxes, onHide: (i) => {
                     var _a;
                     setIsOpen(false);
                     (_a = dropdownMenuProps.onHide) === null || _a === void 0 ? void 0 : _a.call(dropdownMenuProps, i);
@@ -96,8 +119,8 @@ const ActionColumn = ({ columnManager = false, } = {}) => {
                     setIsOpen(true);
                     (_a = dropdownMenuProps.onShow) === null || _a === void 0 ? void 0 : _a.call(dropdownMenuProps, i);
                 }, className: (0, classnames_1.default)('iui-scroll', dropdownMenuProps.className) },
-                react_1.default.createElement(IconButton_1.IconButton, { styleType: 'borderless', isActive: isOpen, ref: buttonRef },
-                    react_1.default.createElement(utils_1.SvgColumnManager, null))));
+                React.createElement(index_js_4.IconButton, { styleType: 'borderless', isActive: isOpen, ref: buttonRef },
+                    React.createElement(index_js_2.SvgColumnManager, null))));
         },
     };
 };

package/cjs/core/Table/columns/expanderColumn.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CellProps, CellRendererProps, Row } from 'react-table';
+import * as React from 'react';
+import type { CellProps, CellRendererProps, Row } from 'react-table';
 export declare const EXPANDER_CELL_ID = "iui-table-expander";
 /**
  * Expander column that adds sub-content expander column to the Table.

package/cjs/core/Table/columns/expanderColumn.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.ExpanderColumn = exports.EXPANDER_CELL_ID = void 0;
@@ -8,10 +28,10 @@ exports.ExpanderColumn = exports.EXPANDER_CELL_ID = 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 Buttons_1 = require("../../Buttons");
-const cells_1 = require("../cells");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
+const index_js_2 = require("../../Buttons/index.js");
+const index_js_3 = require("../cells/index.js");
 exports.EXPANDER_CELL_ID = 'iui-table-expander';
 /**
  * Expander column that adds sub-content expander column to the Table.
@@ -54,13 +74,13 @@ const ExpanderColumn = (props = {}) => {
                 return null;
             }
             else {
-                return (react_1.default.createElement(Buttons_1.IconButton, { className: 'iui-table-row-expander', styleType: 'borderless', size: 'small', onClick: (e) => {
+                return (React.createElement(index_js_2.IconButton, { className: 'iui-table-row-expander', styleType: 'borderless', size: 'small', onClick: (e) => {
                         e.stopPropagation();
                         row.toggleRowExpanded();
-                    }, disabled: isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(props.row.original) }, react_1.default.createElement(utils_1.SvgChevronRight, null)));
+                    }, disabled: isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(props.row.original) }, React.createElement(index_js_1.SvgChevronRight, null)));
             }
         },
-        cellRenderer: (props) => (react_1.default.createElement(cells_1.DefaultCell, { ...props, isDisabled: (rowData) => !!(isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(rowData)) })),
+        cellRenderer: (props) => (React.createElement(index_js_3.DefaultCell, { ...props, isDisabled: (rowData) => !!(isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(rowData)) })),
     };
 };
 exports.ExpanderColumn = ExpanderColumn;

package/cjs/core/Table/columns/index.d.ts

@@ -1,3 +1,3 @@
-export { ActionColumn } from './actionColumn';
-export { SELECTION_CELL_ID, SelectionColumn } from './selectionColumn';
-export { EXPANDER_CELL_ID, ExpanderColumn } from './expanderColumn';
+export { ActionColumn } from './actionColumn.js';
+export { SELECTION_CELL_ID, SelectionColumn } from './selectionColumn.js';
+export { EXPANDER_CELL_ID, ExpanderColumn } from './expanderColumn.js';

package/cjs/core/Table/columns/index.js

@@ -5,11 +5,11 @@ exports.ExpanderColumn = exports.EXPANDER_CELL_ID = exports.SelectionColumn = ex
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var actionColumn_1 = require("./actionColumn");
-Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return actionColumn_1.ActionColumn; } });
-var selectionColumn_1 = require("./selectionColumn");
-Object.defineProperty(exports, "SELECTION_CELL_ID", { enumerable: true, get: function () { return selectionColumn_1.SELECTION_CELL_ID; } });
-Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return selectionColumn_1.SelectionColumn; } });
-var expanderColumn_1 = require("./expanderColumn");
-Object.defineProperty(exports, "EXPANDER_CELL_ID", { enumerable: true, get: function () { return expanderColumn_1.EXPANDER_CELL_ID; } });
-Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return expanderColumn_1.ExpanderColumn; } });
+var actionColumn_js_1 = require("./actionColumn.js");
+Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return actionColumn_js_1.ActionColumn; } });
+var selectionColumn_js_1 = require("./selectionColumn.js");
+Object.defineProperty(exports, "SELECTION_CELL_ID", { enumerable: true, get: function () { return selectionColumn_js_1.SELECTION_CELL_ID; } });
+Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return selectionColumn_js_1.SelectionColumn; } });
+var expanderColumn_js_1 = require("./expanderColumn.js");
+Object.defineProperty(exports, "EXPANDER_CELL_ID", { enumerable: true, get: function () { return expanderColumn_js_1.EXPANDER_CELL_ID; } });
+Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return expanderColumn_js_1.ExpanderColumn; } });

package/cjs/core/Table/columns/selectionColumn.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CellProps, CellRendererProps, HeaderProps } from 'react-table';
+import type { CellProps, CellRendererProps, HeaderProps } from 'react-table';
 export declare const SELECTION_CELL_ID = "iui-table-checkbox-selector";
 /**
  * Selection column that adds selection checkbox column to the Table.

package/cjs/core/Table/columns/selectionColumn.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.SelectionColumn = exports.SELECTION_CELL_ID = void 0;
@@ -8,9 +28,9 @@ exports.SelectionColumn = exports.SELECTION_CELL_ID = 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 Checkbox_1 = require("../../Checkbox");
-const cells_1 = require("../cells");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../Checkbox/index.js");
+const index_js_2 = require("../cells/index.js");
 exports.SELECTION_CELL_ID = 'iui-table-checkbox-selector';
 /**
  * Selection column that adds selection checkbox column to the Table.
@@ -41,12 +61,12 @@ const SelectionColumn = (props = {}) => {
             const disabled = rows.every((row) => isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(row.original));
             const checked = initialRows.every((row) => state.selectedRowIds[row.id] || (isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(row.original)));
             const indeterminate = !checked && Object.keys(state.selectedRowIds).length > 0;
-            return (react_1.default.createElement(Checkbox_1.Checkbox, { ...getToggleAllRowsSelectedProps(), style: {}, title: '' // Removes default title that comes from react-table
+            return (React.createElement(index_js_1.Checkbox, { ...getToggleAllRowsSelectedProps(), style: {}, title: '' // Removes default title that comes from react-table
                 , checked: checked && !disabled, indeterminate: indeterminate, disabled: disabled, onChange: () => toggleAllRowsSelected(!rows.some((row) => row.isSelected)) }));
         },
-        Cell: ({ row }) => (react_1.default.createElement(Checkbox_1.Checkbox, { ...row.getToggleRowSelectedProps(), style: {}, title: '' // Removes default title that comes from react-table
+        Cell: ({ row }) => (React.createElement(index_js_1.Checkbox, { ...row.getToggleRowSelectedProps(), style: {}, title: '' // Removes default title that comes from react-table
             , disabled: isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(row.original), onClick: (e) => e.stopPropagation() })),
-        cellRenderer: (props) => (react_1.default.createElement(cells_1.DefaultCell, { ...props, isDisabled: (rowData) => !!(isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(rowData)) })),
+        cellRenderer: (props) => (React.createElement(index_js_2.DefaultCell, { ...props, isDisabled: (rowData) => !!(isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(rowData)) })),
     };
 };
 exports.SelectionColumn = SelectionColumn;

package/cjs/core/Table/filters/BaseFilter.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/table.css';
-import { CommonProps } from '../../utils';
+import type { CommonProps } from '../../utils/index.js';
 export declare type BaseFilterProps = {
     /**
      * Filter body.

package/cjs/core/Table/filters/BaseFilter.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.BaseFilter = 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"));
 require("@itwin/itwinui-css/css/table.css");
-const utils_1 = require("../../utils");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Filter wrapper that should be used when creating custom filters.
  * @example
@@ -28,8 +51,8 @@ const utils_1 = require("../../utils");
  */
 const BaseFilter = (props) => {
     const { children, className, style, id } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-table-column-filter', className), style: style, 
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-table-column-filter', className), style: style, 
         // Prevents from triggering sort
         onClick: (e) => {
             e.stopPropagation();

package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LabeledInputProps } from '../../../LabeledInput';
+import type { LabeledInputProps } from '../../../LabeledInput/index.js';
 export declare type DatePickerInputProps = {
     date?: Date;
     onChange: (date?: Date) => void;

package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js

@@ -1,43 +1,63 @@
 "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 });
 /*---------------------------------------------------------------------------------------------
  * 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 LabeledInput_1 = require("../../../LabeledInput");
-const DatePicker_1 = require("../../../DatePicker");
-const Buttons_1 = require("../../../Buttons");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../../utils/index.js");
+const index_js_2 = require("../../../LabeledInput/index.js");
+const index_js_3 = require("../../../DatePicker/index.js");
+const index_js_4 = require("../../../Buttons/index.js");
 const DatePickerInput = (props) => {
     const { onChange, date, parseInput, formatDate, isFromOrTo, selectedDate, ...rest } = props;
     const isDateDisabled = (date) => {
         if (isFromOrTo === 'to') {
-            return (0, utils_1.isBefore)(date, selectedDate);
+            return (0, index_js_1.isBefore)(date, selectedDate);
         }
         else {
-            return (0, utils_1.isBefore)(selectedDate, date);
+            return (0, index_js_1.isBefore)(selectedDate, date);
         }
     };
-    const buttonRef = react_1.default.useRef(null);
-    const [inputValue, setInputValue] = react_1.default.useState('');
-    react_1.default.useEffect(() => {
+    const buttonRef = React.useRef(null);
+    const [inputValue, setInputValue] = React.useState('');
+    React.useEffect(() => {
         if (date && !isNaN(date.valueOf())) {
             setInputValue(formatDate(date));
         }
     }, [date, formatDate]);
-    const [isVisible, setIsVisible] = react_1.default.useState(false);
-    const close = react_1.default.useCallback(() => setIsVisible(false), []);
-    const onDateSelected = react_1.default.useCallback((date) => {
+    const [isVisible, setIsVisible] = React.useState(false);
+    const close = React.useCallback(() => setIsVisible(false), []);
+    const onDateSelected = React.useCallback((date) => {
         var _a;
         onChange(date);
         close();
         (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [close, onChange]);
-    const onInputChange = react_1.default.useCallback((event) => {
+    const onInputChange = React.useCallback((event) => {
         const value = event.target.value;
         setInputValue(value);
         if (!value) {
@@ -48,13 +68,13 @@ const DatePickerInput = (props) => {
             onChange(parsedDate);
         }
     }, [onChange, parseInput]);
-    return (react_1.default.createElement(utils_1.Popover, { content: react_1.default.createElement(DatePicker_1.DatePicker, { date: date, onChange: onDateSelected, setFocus: true, isDateDisabled: isDateDisabled }), placement: 'bottom', visible: isVisible, onClickOutside: (_, e) => {
+    return (React.createElement(index_js_1.Popover, { content: React.createElement(index_js_3.DatePicker, { date: date, onChange: onDateSelected, setFocus: true, isDateDisabled: isDateDisabled }), placement: 'bottom', visible: isVisible, onClickOutside: (_, e) => {
             var _a;
             if (!((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
                 close();
             }
         }, appendTo: 'parent' },
-        react_1.default.createElement(LabeledInput_1.LabeledInput, { displayStyle: 'inline', value: inputValue, onChange: onInputChange, onClick: close, svgIcon: react_1.default.createElement(Buttons_1.IconButton, { styleType: 'borderless', onClick: () => setIsVisible((v) => !v), ref: buttonRef },
-                react_1.default.createElement(utils_1.SvgCalendar, null)), ...rest })));
+        React.createElement(index_js_2.LabeledInput, { displayStyle: 'inline', value: inputValue, onChange: onInputChange, onClick: close, svgIcon: React.createElement(index_js_4.IconButton, { styleType: 'borderless', onClick: () => setIsVisible((v) => !v), ref: buttonRef },
+                React.createElement(index_js_1.SvgCalendar, null)), ...rest })));
 };
 exports.default = DatePickerInput;

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FilterButtonBarTranslation } from '../FilterButtonBar';
-import { TableFilterProps } from '../types';
+import type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
+import type { TableFilterProps } from '../types.js';
 import '@itwin/itwinui-css/css/table.css';
 export declare type DateRangeTranslation = {
     from: string;

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.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,12 +31,12 @@ exports.DateRangeFilter = 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 FilterButtonBar_1 = require("../FilterButtonBar");
-const BaseFilter_1 = require("../BaseFilter");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../../utils/index.js");
+const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
+const BaseFilter_js_1 = require("../BaseFilter.js");
 require("@itwin/itwinui-css/css/table.css");
-const DatePickerInput_1 = __importDefault(require("./DatePickerInput"));
+const DatePickerInput_js_1 = __importDefault(require("./DatePickerInput.js"));
 const defaultStrings = {
     from: 'From',
     to: 'To',
@@ -36,10 +59,10 @@ const defaultParseInput = (text) => {
 const DateRangeFilter = (props) => {
     var _a, _b, _c, _d;
     const { column, translatedLabels, setFilter, clearFilter, formatDate = defaultFormatDate, parseInput = defaultParseInput, placeholder = 'MMM dd, yyyy', } = props;
-    (0, utils_1.useTheme)();
+    (0, index_js_1.useTheme)();
     const translatedStrings = { ...defaultStrings, ...translatedLabels };
-    const [from, setFrom] = react_1.default.useState(((_a = column.filterValue) === null || _a === void 0 ? void 0 : _a[0]) ? new Date((_b = column.filterValue) === null || _b === void 0 ? void 0 : _b[0]) : undefined);
-    const onFromChange = react_1.default.useCallback((date) => {
+    const [from, setFrom] = React.useState(((_a = column.filterValue) === null || _a === void 0 ? void 0 : _a[0]) ? new Date((_b = column.filterValue) === null || _b === void 0 ? void 0 : _b[0]) : undefined);
+    const onFromChange = React.useCallback((date) => {
         setFrom((prevDate) => {
             if (prevDate || !date) {
                 return date;
@@ -47,8 +70,8 @@ const DateRangeFilter = (props) => {
             return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0);
         });
     }, []);
-    const [to, setTo] = react_1.default.useState(((_c = column.filterValue) === null || _c === void 0 ? void 0 : _c[1]) ? new Date((_d = column.filterValue) === null || _d === void 0 ? void 0 : _d[1]) : undefined);
-    const onToChange = react_1.default.useCallback((date) => {
+    const [to, setTo] = React.useState(((_c = column.filterValue) === null || _c === void 0 ? void 0 : _c[1]) ? new Date((_d = column.filterValue) === null || _d === void 0 ? void 0 : _d[1]) : undefined);
+    const onToChange = React.useCallback((date) => {
         setTo((prevDate) => {
             if (prevDate || !date) {
                 return date;
@@ -64,9 +87,9 @@ const DateRangeFilter = (props) => {
             setFilter([from, to]);
         }
     };
-    return (react_1.default.createElement(BaseFilter_1.BaseFilter, null,
-        react_1.default.createElement(DatePickerInput_1.default, { label: translatedStrings.from, date: from, onChange: onFromChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: to, isFromOrTo: 'from', setFocus: true }),
-        react_1.default.createElement(DatePickerInput_1.default, { label: translatedStrings.to, date: to, onChange: onToChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: from, isFromOrTo: 'to' }),
-        react_1.default.createElement(FilterButtonBar_1.FilterButtonBar, { setFilter: () => setFilter([from, to]), clearFilter: clearFilter, translatedLabels: translatedLabels })));
+    return (React.createElement(BaseFilter_js_1.BaseFilter, null,
+        React.createElement(DatePickerInput_js_1.default, { label: translatedStrings.from, date: from, onChange: onFromChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: to, isFromOrTo: 'from', setFocus: true }),
+        React.createElement(DatePickerInput_js_1.default, { label: translatedStrings.to, date: to, onChange: onToChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: from, isFromOrTo: 'to' }),
+        React.createElement(FilterButtonBar_js_1.FilterButtonBar, { setFilter: () => setFilter([from, to]), clearFilter: clearFilter, translatedLabels: translatedLabels })));
 };
 exports.DateRangeFilter = DateRangeFilter;

package/cjs/core/Table/filters/FilterButtonBar.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/table.css';
-import { CommonProps } from '../../utils';
+import type { CommonProps } from '../../utils/index.js';
 export declare type FilterButtonBarTranslation = {
     filter: string;
     clear: string;

package/cjs/core/Table/filters/FilterButtonBar.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.FilterButtonBar = 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"));
 require("@itwin/itwinui-css/css/table.css");
-const utils_1 = require("../../utils");
-const Buttons_1 = require("../../Buttons");
+const index_js_1 = require("../../utils/index.js");
+const index_js_2 = require("../../Buttons/index.js");
 const defaultStrings = {
     filter: 'Filter',
     clear: 'Clear',
@@ -25,10 +48,10 @@ const defaultStrings = {
 const FilterButtonBar = (props) => {
     const { children, setFilter, clearFilter, translatedLabels, className, style, id, } = props;
     const translatedStrings = { ...defaultStrings, ...translatedLabels };
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-button-bar', className), style: style, id: id },
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-button-bar', className), style: style, id: id },
         children,
-        react_1.default.createElement(Buttons_1.Button, { styleType: 'high-visibility', onClick: setFilter }, translatedStrings.filter),
-        react_1.default.createElement(Buttons_1.Button, { onClick: clearFilter }, translatedStrings.clear)));
+        React.createElement(index_js_2.Button, { styleType: 'high-visibility', onClick: setFilter }, translatedStrings.filter),
+        React.createElement(index_js_2.Button, { onClick: clearFilter }, translatedStrings.clear)));
 };
 exports.FilterButtonBar = FilterButtonBar;

package/cjs/core/Table/filters/FilterToggle.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { HeaderGroup } from 'react-table';
+import type { HeaderGroup } from 'react-table';
 import '@itwin/itwinui-css/css/table.css';
-import { StylingProps } from '../../utils';
+import type { StylingProps } from '../../utils/index.js';
 export declare type FilterToggleProps<T extends Record<string, unknown>> = {
     column: HeaderGroup<T>;
 } & StylingProps;