@itwin/itwinui-react 2.10.1 → 2.11.0

package/cjs/core/Table/hooks/useSelectionCell.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelectionCell = void 0;
-const columns_1 = require("../columns");
+const index_js_1 = require("../columns/index.js");
 const useSelectionCell = (isSelectable, selectionMode, isRowDisabled, density = 'default') => (hooks) => {
     if (!isSelectable) {
         return;
     }
     hooks.allColumns.push((columns) => selectionMode === 'single' ||
-        columns.find((c) => c.id === columns_1.SELECTION_CELL_ID)
+        columns.find((c) => c.id === index_js_1.SELECTION_CELL_ID)
         ? columns
         : [
-            (0, columns_1.SelectionColumn)({ isDisabled: isRowDisabled, density: density }),
+            (0, index_js_1.SelectionColumn)({ isDisabled: isRowDisabled, density: density }),
             ...columns,
         ]);
 };

package/cjs/core/Table/hooks/useStickyColumns.d.ts

@@ -1,2 +1,2 @@
-import { Hooks } from 'react-table';
+import type { Hooks } from 'react-table';
 export declare const useStickyColumns: <T extends Record<string, unknown>>(hooks: Hooks<T>) => void;

package/cjs/core/Table/hooks/useSubRowFiltering.d.ts

@@ -1,2 +1,2 @@
-import { Hooks } from 'react-table';
+import type { Hooks } from 'react-table';
 export declare const useSubRowFiltering: <T extends Record<string, unknown>>(hasAnySubRows: boolean) => (hooks: Hooks<T>) => void;

package/cjs/core/Table/hooks/useSubRowFiltering.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.useSubRowFiltering = void 0;
@@ -8,8 +28,8 @@ exports.useSubRowFiltering = 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 defaultFilterFunctions_1 = require("../filters/defaultFilterFunctions");
+const React = __importStar(require("react"));
+const defaultFilterFunctions_js_1 = require("../filters/defaultFilterFunctions.js");
 const useSubRowFiltering = (hasAnySubRows) => (hooks) => {
     hooks.useInstance.push(useInstance.bind({}, hasAnySubRows));
 };
@@ -27,7 +47,7 @@ const useInstance = (hasAnySubRows, instance) => {
         });
     };
     setInitialSubRows(instance.initialRows);
-    const { filteredRows = instance.filteredRows, filteredFlatRows = instance.filteredFlatRows, filteredRowsById = instance.filteredRowsById, } = react_1.default.useMemo(() => {
+    const { filteredRows = instance.filteredRows, filteredFlatRows = instance.filteredFlatRows, filteredRowsById = instance.filteredRowsById, } = React.useMemo(() => {
         if (!hasAnySubRows) {
             return {};
         }
@@ -48,7 +68,7 @@ const useInstance = (hasAnySubRows, instance) => {
                 return;
             }
             const filterTypes = {
-                ...defaultFilterFunctions_1.defaultFilterFunctions,
+                ...defaultFilterFunctions_js_1.defaultFilterFunctions,
                 ...instance.filterTypes,
             };
             const filterFn = typeof column.filter === 'function'

package/cjs/core/Table/hooks/useSubRowSelection.d.ts

@@ -1,2 +1,2 @@
-import { Hooks } from 'react-table';
+import type { Hooks } from 'react-table';
 export declare const useSubRowSelection: <T extends Record<string, unknown>>(hooks: Hooks<T>) => void;

package/cjs/core/Table/hooks/useSubRowSelection.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.useSubRowSelection = void 0;
@@ -8,13 +28,13 @@ exports.useSubRowSelection = 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 useSubRowSelection = (hooks) => {
     hooks.useInstance.push(useInstance);
 };
 exports.useSubRowSelection = useSubRowSelection;
 const useInstance = (instance) => {
-    const selectedFlatRows = react_1.default.useMemo(() => {
+    const selectedFlatRows = React.useMemo(() => {
         const selectedFlatRows = [];
         const setSelectionState = (row, selectedRowIds) => {
             let isSomeSubRowsSelected = false;

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

@@ -1,11 +1,11 @@
-export { Table } from './Table';
-export type { TableProps, TablePaginatorRendererProps } from './Table';
-export { BaseFilter, FilterButtonBar, tableFilters } from './filters';
-export type { BaseFilterProps, DateRangeFilterOptions, FilterButtonBarProps, FilterButtonBarTranslation, TableFilterProps, TableFilterValue, } from './filters';
-export { DefaultCell, EditableCell } from './cells';
-export type { DefaultCellProps, EditableCellProps } from './cells';
-export { TablePaginator } from './TablePaginator';
-export type { TablePaginatorProps } from './TablePaginator';
-export { ActionColumn, ExpanderColumn, SelectionColumn } from './columns';
+export { Table } from './Table.js';
+export type { TableProps, TablePaginatorRendererProps } from './Table.js';
+export { BaseFilter, FilterButtonBar, tableFilters } from './filters/index.js';
+export type { BaseFilterProps, DateRangeFilterOptions, FilterButtonBarProps, FilterButtonBarTranslation, TableFilterProps, TableFilterValue, } from './filters/index.js';
+export { DefaultCell, EditableCell } from './cells/index.js';
+export type { DefaultCellProps, EditableCellProps } from './cells/index.js';
+export { TablePaginator } from './TablePaginator.js';
+export type { TablePaginatorProps } from './TablePaginator.js';
+export { ActionColumn, ExpanderColumn, SelectionColumn, } from './columns/index.js';
 declare const _default: "./Table";
 export default _default;

package/cjs/core/Table/index.js

@@ -5,19 +5,19 @@ exports.SelectionColumn = exports.ExpanderColumn = exports.ActionColumn = export
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Table_1 = require("./Table");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
-var filters_1 = require("./filters");
-Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return filters_1.BaseFilter; } });
-Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return filters_1.FilterButtonBar; } });
-Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return filters_1.tableFilters; } });
-var cells_1 = require("./cells");
-Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return cells_1.DefaultCell; } });
-Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return cells_1.EditableCell; } });
-var TablePaginator_1 = require("./TablePaginator");
-Object.defineProperty(exports, "TablePaginator", { enumerable: true, get: function () { return TablePaginator_1.TablePaginator; } });
-var columns_1 = require("./columns");
-Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return columns_1.ActionColumn; } });
-Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return columns_1.ExpanderColumn; } });
-Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return columns_1.SelectionColumn; } });
+var Table_js_1 = require("./Table.js");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_js_1.Table; } });
+var index_js_1 = require("./filters/index.js");
+Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return index_js_1.BaseFilter; } });
+Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return index_js_1.FilterButtonBar; } });
+Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return index_js_1.tableFilters; } });
+var index_js_2 = require("./cells/index.js");
+Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return index_js_2.DefaultCell; } });
+Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return index_js_2.EditableCell; } });
+var TablePaginator_js_1 = require("./TablePaginator.js");
+Object.defineProperty(exports, "TablePaginator", { enumerable: true, get: function () { return TablePaginator_js_1.TablePaginator; } });
+var index_js_3 = require("./columns/index.js");
+Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return index_js_3.ActionColumn; } });
+Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return index_js_3.ExpanderColumn; } });
+Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return index_js_3.SelectionColumn; } });
 exports.default = './Table';

package/cjs/core/Table/utils.d.ts

@@ -1,3 +1,3 @@
-import { ColumnInstance } from 'react-table';
+import type { ColumnInstance } from 'react-table';
 export declare const getCellStyle: <T extends Record<string, unknown>>(column: ColumnInstance<T>, isTableResizing: boolean) => React.CSSProperties | undefined;
 export declare const getStickyStyle: <T extends Record<string, unknown>>(column: ColumnInstance<T>, columnList: ColumnInstance<T>[]) => React.CSSProperties;

package/cjs/core/Tabs/Tab.d.ts

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

package/cjs/core/Tabs/Tab.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,8 +32,8 @@ exports.Tab = 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/tabs.css");
 /**
  * Individual tab component to be used in the `labels` prop of `Tabs`.
@@ -22,16 +45,16 @@ require("@itwin/itwinui-css/css/tabs.css");
  */
 const Tab = (props) => {
     const { label, sublabel, startIcon, children, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("button", { className: (0, classnames_1.default)('iui-tab', className), role: 'tab', tabIndex: -1, ...rest },
+    (0, index_js_1.useTheme)();
+    return (React.createElement("button", { className: (0, classnames_1.default)('iui-tab', className), role: 'tab', tabIndex: -1, ...rest },
         startIcon &&
-            react_1.default.cloneElement(startIcon, {
+            React.cloneElement(startIcon, {
                 className: 'iui-tab-icon',
                 'aria-hidden': true,
             }),
-        label && (react_1.default.createElement("span", { className: 'iui-tab-label' },
-            react_1.default.createElement("div", null, label),
-            sublabel && react_1.default.createElement("div", { className: 'iui-tab-description' }, sublabel))),
+        label && (React.createElement("span", { className: 'iui-tab-label' },
+            React.createElement("div", null, label),
+            sublabel && React.createElement("div", { className: 'iui-tab-description' }, sublabel))),
         children));
 };
 exports.Tab = Tab;

package/cjs/core/Tabs/Tabs.d.ts

@@ -1,5 +1,29 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/tabs.css';
+export declare type OverflowOptions = {
+    /**
+     * Whether to allow tabs list to scroll when there is overflow,
+     * i.e. when there is not enough space to fit all the tabs.
+     *
+     * Not applicable to types `pill` and `borderless`.
+     */
+    useOverflow?: boolean;
+};
+declare type TabsOverflowProps = {
+    /**
+     * Options that can be specified to deal with tabs overflowing the allotted space.
+     */
+    overflowOptions?: OverflowOptions;
+    /**
+     * Type of the tabs.
+     *
+     * If `orientation = 'vertical'`, `pill` is not applicable.
+     * @default 'default'
+     */
+    type?: 'default';
+} | {
+    type: 'pill' | 'borderless';
+};
 declare type TabsOrientationProps = {
     /**
      * Orientation of the tabs.
@@ -75,7 +99,7 @@ export declare type TabsProps = {
      * Content inside the tab panel.
      */
     children?: React.ReactNode;
-} & TabsOrientationProps & TabsTypeProps;
+} & TabsOrientationProps & TabsTypeProps & TabsOverflowProps;
 /**
  * @deprecated Since v2, use `TabProps` with `Tabs`
  */