@itwin/itwinui-react 3.0.0-dev.4 → 3.0.0-dev.6

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

@@ -1,15 +1,39 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterToggle = exports.FilterButtonBar = exports.tableFilters = exports.BaseFilter = void 0;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.FilterToggle =
+  exports.FilterButtonBar =
+  exports.tableFilters =
+  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.
  *--------------------------------------------------------------------------------------------*/
-var BaseFilter_js_1 = require("./BaseFilter.js");
-Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return BaseFilter_js_1.BaseFilter; } });
-var tableFilters_js_1 = require("./tableFilters.js");
-Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return tableFilters_js_1.tableFilters; } });
-var FilterButtonBar_js_1 = require("./FilterButtonBar.js");
-Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return FilterButtonBar_js_1.FilterButtonBar; } });
-var FilterToggle_js_1 = require("./FilterToggle.js");
-Object.defineProperty(exports, "FilterToggle", { enumerable: true, get: function () { return FilterToggle_js_1.FilterToggle; } });
+var BaseFilter_js_1 = require('./BaseFilter.js');
+Object.defineProperty(exports, 'BaseFilter', {
+  enumerable: true,
+  get: function () {
+    return BaseFilter_js_1.BaseFilter;
+  },
+});
+var tableFilters_js_1 = require('./tableFilters.js');
+Object.defineProperty(exports, 'tableFilters', {
+  enumerable: true,
+  get: function () {
+    return tableFilters_js_1.tableFilters;
+  },
+});
+var FilterButtonBar_js_1 = require('./FilterButtonBar.js');
+Object.defineProperty(exports, 'FilterButtonBar', {
+  enumerable: true,
+  get: function () {
+    return FilterButtonBar_js_1.FilterButtonBar;
+  },
+});
+var FilterToggle_js_1 = require('./FilterToggle.js');
+Object.defineProperty(exports, 'FilterToggle', {
+  enumerable: true,
+  get: function () {
+    return FilterToggle_js_1.FilterToggle;
+  },
+});

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { DateRangeTranslation } from './DateRangeFilter/DateRangeFilter.js';
 import type { FilterButtonBarTranslation } from './FilterButtonBar.js';
 import type { NumberRangeTranslation, NumberRangeFilterProps } from './NumberRangeFilter/NumberRangeFilter.js';
 import type { TableFilterProps } from './types.js';
-export declare type DateRangeFilterOptions = {
+export type DateRangeFilterOptions = {
     /**
      * Function that formats selected date into a `string` that is shown inside the input.
      */
@@ -28,7 +28,7 @@ export declare const tableFilters: {
      * Basic filter with a single input field.
      * @param translatedLabels Translated filter labels.
      */
-    TextFilter: (translatedLabels?: FilterButtonBarTranslation) => <T extends Record<string, unknown>>(props: TableFilterProps<T>) => JSX.Element;
+    TextFilter: (translatedLabels?: FilterButtonBarTranslation) => <T extends Record<string, unknown>>(props: TableFilterProps<T>) => React.JSX.Element;
     /**
      * Date range filter.
      *
@@ -39,7 +39,7 @@ export declare const tableFilters: {
      * If your data is different type e.g. `string`, you can use `accessor` property in column description:
      * `accessor: (rowData) => new Date(rowData.date)`.
      */
-    DateRangeFilter: (options?: DateRangeFilterOptions) => <T_1 extends Record<string, unknown>>(props: TableFilterProps<T_1>) => JSX.Element;
+    DateRangeFilter: (options?: DateRangeFilterOptions) => <T_1 extends Record<string, unknown>>(props: TableFilterProps<T_1>) => React.JSX.Element;
     /**
      * Number range filter.
      *
@@ -48,5 +48,5 @@ export declare const tableFilters: {
      * `accessor: (rowData) => Number(rowData.numberProp)`.
      * @param translatedLabels Translated filter labels.
      */
-    NumberRangeFilter: (translatedLabels?: NumberRangeTranslation & FilterButtonBarTranslation) => <T_2 extends Record<string, unknown>>(props: NumberRangeFilterProps<T_2>) => JSX.Element;
+    NumberRangeFilter: (translatedLabels?: NumberRangeTranslation & FilterButtonBarTranslation) => <T_2 extends Record<string, unknown>>(props: NumberRangeFilterProps<T_2>) => React.JSX.Element;
 };

package/cjs/core/Table/filters/tableFilters.js

@@ -1,61 +1,51 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.tableFilters = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const DateRangeFilter_js_1 = require("./DateRangeFilter/DateRangeFilter.js");
-const NumberRangeFilter_js_1 = require("./NumberRangeFilter/NumberRangeFilter.js");
-const TextFilter_js_1 = require("./TextFilter/TextFilter.js");
+const React = tslib_1.__importStar(require('react'));
+const DateRangeFilter_js_1 = require('./DateRangeFilter/DateRangeFilter.js');
+const NumberRangeFilter_js_1 = require('./NumberRangeFilter/NumberRangeFilter.js');
+const TextFilter_js_1 = require('./TextFilter/TextFilter.js');
 exports.tableFilters = {
-    /**
-     * Basic filter with a single input field.
-     * @param translatedLabels Translated filter labels.
-     */
-    TextFilter: (translatedLabels) => (props) => React.createElement(TextFilter_js_1.TextFilter, { ...props, translatedLabels: translatedLabels }),
-    /**
-     * Date range filter.
-     *
-     * By default it handles user input in `en-us` date format. If you want to use other format
-     * please provide `formatDate`, `parseInput` and `placeholder`.
-     *
-     * It only works with `Date` type object properties.
-     * If your data is different type e.g. `string`, you can use `accessor` property in column description:
-     * `accessor: (rowData) => new Date(rowData.date)`.
-     */
-    DateRangeFilter: (options) => (props) => React.createElement(DateRangeFilter_js_1.DateRangeFilter, { ...props, ...options }),
-    /**
-     * Number range filter.
-     *
-     * It only works with `number` type object properties.
-     * If your data is different type e.g. `string`, you can use `accessor` property in column description:
-     * `accessor: (rowData) => Number(rowData.numberProp)`.
-     * @param translatedLabels Translated filter labels.
-     */
-    NumberRangeFilter: (translatedLabels) => (props) => React.createElement(NumberRangeFilter_js_1.NumberRangeFilter, { ...props, translatedLabels: translatedLabels }),
+  /**
+   * Basic filter with a single input field.
+   * @param translatedLabels Translated filter labels.
+   */
+  TextFilter: (translatedLabels) => (props) =>
+    React.createElement(TextFilter_js_1.TextFilter, {
+      ...props,
+      translatedLabels: translatedLabels,
+    }),
+  /**
+   * Date range filter.
+   *
+   * By default it handles user input in `en-us` date format. If you want to use other format
+   * please provide `formatDate`, `parseInput` and `placeholder`.
+   *
+   * It only works with `Date` type object properties.
+   * If your data is different type e.g. `string`, you can use `accessor` property in column description:
+   * `accessor: (rowData) => new Date(rowData.date)`.
+   */
+  DateRangeFilter: (options) => (props) =>
+    React.createElement(DateRangeFilter_js_1.DateRangeFilter, {
+      ...props,
+      ...options,
+    }),
+  /**
+   * Number range filter.
+   *
+   * It only works with `number` type object properties.
+   * If your data is different type e.g. `string`, you can use `accessor` property in column description:
+   * `accessor: (rowData) => Number(rowData.numberProp)`.
+   * @param translatedLabels Translated filter labels.
+   */
+  NumberRangeFilter: (translatedLabels) => (props) =>
+    React.createElement(NumberRangeFilter_js_1.NumberRangeFilter, {
+      ...props,
+      translatedLabels: translatedLabels,
+    }),
 };

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

@@ -17,7 +17,7 @@ export interface TableFilterValue<T extends Record<string, unknown>> {
      */
     filterType: FilterType<T>;
 }
-export declare type TableFilterProps<T extends Record<string, unknown> | object> = FilterProps<T> & {
+export type TableFilterProps<T extends Record<string, unknown> | object> = FilterProps<T> & {
     /**
      * Data of column on which filter is opened. It is provided by the table it self.
      */

package/cjs/core/Table/filters/types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,23 +1,71 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStickyColumns = exports.useScrollToRow = exports.useColumnDragAndDrop = exports.useResizeColumns = exports.useSubRowSelection = exports.useSubRowFiltering = exports.useSelectionCell = exports.useExpanderCell = void 0;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.useStickyColumns =
+  exports.useScrollToRow =
+  exports.useColumnDragAndDrop =
+  exports.useResizeColumns =
+  exports.useSubRowSelection =
+  exports.useSubRowFiltering =
+  exports.useSelectionCell =
+  exports.useExpanderCell =
+    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 useExpanderCell_js_1 = require("./useExpanderCell.js");
-Object.defineProperty(exports, "useExpanderCell", { enumerable: true, get: function () { return useExpanderCell_js_1.useExpanderCell; } });
-var useSelectionCell_js_1 = require("./useSelectionCell.js");
-Object.defineProperty(exports, "useSelectionCell", { enumerable: true, get: function () { return useSelectionCell_js_1.useSelectionCell; } });
-var useSubRowFiltering_js_1 = require("./useSubRowFiltering.js");
-Object.defineProperty(exports, "useSubRowFiltering", { enumerable: true, get: function () { return useSubRowFiltering_js_1.useSubRowFiltering; } });
-var useSubRowSelection_js_1 = require("./useSubRowSelection.js");
-Object.defineProperty(exports, "useSubRowSelection", { enumerable: true, get: function () { return useSubRowSelection_js_1.useSubRowSelection; } });
-var useResizeColumns_js_1 = require("./useResizeColumns.js");
-Object.defineProperty(exports, "useResizeColumns", { enumerable: true, get: function () { return useResizeColumns_js_1.useResizeColumns; } });
-var useColumnDragAndDrop_js_1 = require("./useColumnDragAndDrop.js");
-Object.defineProperty(exports, "useColumnDragAndDrop", { enumerable: true, get: function () { return useColumnDragAndDrop_js_1.useColumnDragAndDrop; } });
-var useScrollToRow_js_1 = require("./useScrollToRow.js");
-Object.defineProperty(exports, "useScrollToRow", { enumerable: true, get: function () { return useScrollToRow_js_1.useScrollToRow; } });
-var useStickyColumns_js_1 = require("./useStickyColumns.js");
-Object.defineProperty(exports, "useStickyColumns", { enumerable: true, get: function () { return useStickyColumns_js_1.useStickyColumns; } });
+var useExpanderCell_js_1 = require('./useExpanderCell.js');
+Object.defineProperty(exports, 'useExpanderCell', {
+  enumerable: true,
+  get: function () {
+    return useExpanderCell_js_1.useExpanderCell;
+  },
+});
+var useSelectionCell_js_1 = require('./useSelectionCell.js');
+Object.defineProperty(exports, 'useSelectionCell', {
+  enumerable: true,
+  get: function () {
+    return useSelectionCell_js_1.useSelectionCell;
+  },
+});
+var useSubRowFiltering_js_1 = require('./useSubRowFiltering.js');
+Object.defineProperty(exports, 'useSubRowFiltering', {
+  enumerable: true,
+  get: function () {
+    return useSubRowFiltering_js_1.useSubRowFiltering;
+  },
+});
+var useSubRowSelection_js_1 = require('./useSubRowSelection.js');
+Object.defineProperty(exports, 'useSubRowSelection', {
+  enumerable: true,
+  get: function () {
+    return useSubRowSelection_js_1.useSubRowSelection;
+  },
+});
+var useResizeColumns_js_1 = require('./useResizeColumns.js');
+Object.defineProperty(exports, 'useResizeColumns', {
+  enumerable: true,
+  get: function () {
+    return useResizeColumns_js_1.useResizeColumns;
+  },
+});
+var useColumnDragAndDrop_js_1 = require('./useColumnDragAndDrop.js');
+Object.defineProperty(exports, 'useColumnDragAndDrop', {
+  enumerable: true,
+  get: function () {
+    return useColumnDragAndDrop_js_1.useColumnDragAndDrop;
+  },
+});
+var useScrollToRow_js_1 = require('./useScrollToRow.js');
+Object.defineProperty(exports, 'useScrollToRow', {
+  enumerable: true,
+  get: function () {
+    return useScrollToRow_js_1.useScrollToRow;
+  },
+});
+var useStickyColumns_js_1 = require('./useStickyColumns.js');
+Object.defineProperty(exports, 'useStickyColumns', {
+  enumerable: true,
+  get: function () {
+    return useStickyColumns_js_1.useStickyColumns;
+  },
+});

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

@@ -1,114 +1,127 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useColumnDragAndDrop = void 0;
-const react_table_1 = require("react-table");
-const styles_js_1 = __importDefault(require("../../../styles.js"));
+const tslib_1 = require('tslib');
+const react_table_1 = require('react-table');
+const styles_js_1 = tslib_1.__importDefault(require('../../../styles.js'));
 const REORDER_ACTIONS = {
-    columnDragStart: 'columnDragStart',
-    columnDragEnd: 'columnDragEnd',
+  columnDragStart: 'columnDragStart',
+  columnDragEnd: 'columnDragEnd',
 };
 const useColumnDragAndDrop = (isEnabled) => (hooks) => {
-    hooks.getDragAndDropProps = [defaultGetDragAndDropProps(isEnabled)];
-    hooks.stateReducers.push(reducer);
-    hooks.useInstance.push(useInstance);
+  hooks.getDragAndDropProps = [defaultGetDragAndDropProps(isEnabled)];
+  hooks.stateReducers.push(reducer);
+  hooks.useInstance.push(useInstance);
 };
 exports.useColumnDragAndDrop = useColumnDragAndDrop;
-const defaultGetDragAndDropProps = (isEnabled) => (props, { instance, header, }) => {
+const defaultGetDragAndDropProps =
+  (isEnabled) =>
+  (props, { instance, header }) => {
     if (!isEnabled || header.disableReordering) {
-        return props;
+      return props;
     }
     const onDragStart = () => {
-        instance.dispatch({
-            type: REORDER_ACTIONS.columnDragStart,
-            columnIndex: instance.flatHeaders.indexOf(header),
-        });
+      instance.dispatch({
+        type: REORDER_ACTIONS.columnDragStart,
+        columnIndex: instance.flatHeaders.indexOf(header),
+      });
     };
     const setOnDragColumnStyle = (event, position) => {
-        const columnElement = event.currentTarget;
-        columnElement.classList.remove(styles_js_1.default['iui-table-reorder-column-right']);
-        columnElement.classList.remove(styles_js_1.default['iui-table-reorder-column-left']);
-        if (position === 'left') {
-            columnElement.classList.add(styles_js_1.default['iui-table-reorder-column-left']);
-        }
-        else if (position === 'right') {
-            columnElement.classList.add(styles_js_1.default['iui-table-reorder-column-right']);
-        }
+      const columnElement = event.currentTarget;
+      columnElement.classList.remove(
+        styles_js_1.default['iui-table-reorder-column-right'],
+      );
+      columnElement.classList.remove(
+        styles_js_1.default['iui-table-reorder-column-left'],
+      );
+      if (position === 'left') {
+        columnElement.classList.add(
+          styles_js_1.default['iui-table-reorder-column-left'],
+        );
+      } else if (position === 'right') {
+        columnElement.classList.add(
+          styles_js_1.default['iui-table-reorder-column-right'],
+        );
+      }
     };
     const reorderColumns = (tableColumns, srcIndex, dstIndex) => {
-        const newTableColumns = [...tableColumns];
-        const [removed] = newTableColumns.splice(srcIndex, 1);
-        newTableColumns.splice(dstIndex, 0, removed);
-        return newTableColumns;
+      const newTableColumns = [...tableColumns];
+      const [removed] = newTableColumns.splice(srcIndex, 1);
+      newTableColumns.splice(dstIndex, 0, removed);
+      return newTableColumns;
     };
     const onDragOver = (event) => {
-        event.preventDefault();
-        const headerIndex = instance.flatHeaders.indexOf(header);
-        if (instance.state.columnReorderStartIndex !== headerIndex) {
-            setOnDragColumnStyle(event, instance.state.columnReorderStartIndex > headerIndex
-                ? 'left'
-                : 'right');
-        }
+      event.preventDefault();
+      const headerIndex = instance.flatHeaders.indexOf(header);
+      if (instance.state.columnReorderStartIndex !== headerIndex) {
+        setOnDragColumnStyle(
+          event,
+          instance.state.columnReorderStartIndex > headerIndex
+            ? 'left'
+            : 'right',
+        );
+      }
     };
     const onDragLeave = (event) => {
-        setOnDragColumnStyle(event);
+      setOnDragColumnStyle(event);
     };
     const onDrop = (event) => {
-        event.preventDefault();
-        setOnDragColumnStyle(event);
-        const columnIds = instance.allColumns.map((x) => x.id);
-        const srcIndex = instance.state.columnReorderStartIndex;
-        const dstIndex = columnIds.findIndex((x) => x === header.id);
-        if (srcIndex === dstIndex || srcIndex === -1 || dstIndex === -1) {
-            return;
-        }
-        instance.setColumnOrder(reorderColumns(columnIds, srcIndex, dstIndex));
-        instance.dispatch({
-            type: REORDER_ACTIONS.columnDragEnd,
-            columnIndex: -1,
-        });
+      event.preventDefault();
+      setOnDragColumnStyle(event);
+      const columnIds = instance.allColumns.map((x) => x.id);
+      const srcIndex = instance.state.columnReorderStartIndex;
+      const dstIndex = columnIds.findIndex((x) => x === header.id);
+      if (srcIndex === dstIndex || srcIndex === -1 || dstIndex === -1) {
+        return;
+      }
+      instance.setColumnOrder(reorderColumns(columnIds, srcIndex, dstIndex));
+      instance.dispatch({
+        type: REORDER_ACTIONS.columnDragEnd,
+        columnIndex: -1,
+      });
     };
     return [
-        props,
-        {
-            draggable: true,
-            onDragStart,
-            onDragOver,
-            onDragLeave,
-            onDrop,
-        },
+      props,
+      {
+        draggable: true,
+        onDragStart,
+        onDragOver,
+        onDragLeave,
+        onDrop,
+      },
     ];
-};
+  };
 const reducer = (newState, action) => {
-    switch (action.type) {
-        case react_table_1.actions.init:
-            return {
-                ...newState,
-                columnReorderStartIndex: -1,
-            };
-        case REORDER_ACTIONS.columnDragStart:
-            return {
-                ...newState,
-                columnReorderStartIndex: action.columnIndex,
-            };
-        case REORDER_ACTIONS.columnDragEnd:
-            return {
-                ...newState,
-                columnReorderStartIndex: -1,
-            };
-        default:
-            return newState;
-    }
+  switch (action.type) {
+    case react_table_1.actions.init:
+      return {
+        ...newState,
+        columnReorderStartIndex: -1,
+      };
+    case REORDER_ACTIONS.columnDragStart:
+      return {
+        ...newState,
+        columnReorderStartIndex: action.columnIndex,
+      };
+    case REORDER_ACTIONS.columnDragEnd:
+      return {
+        ...newState,
+        columnReorderStartIndex: -1,
+      };
+    default:
+      return newState;
+  }
 };
 const useInstance = (instance) => {
-    const { flatHeaders, getHooks } = instance;
-    const getInstance = (0, react_table_1.useGetLatest)(instance);
-    flatHeaders.forEach((header) => {
-        header.getDragAndDropProps = (0, react_table_1.makePropGetter)(getHooks().getDragAndDropProps, {
-            instance: getInstance(),
-            header,
-        });
-    });
+  const { flatHeaders, getHooks } = instance;
+  const getInstance = (0, react_table_1.useGetLatest)(instance);
+  flatHeaders.forEach((header) => {
+    header.getDragAndDropProps = (0, react_table_1.makePropGetter)(
+      getHooks().getDragAndDropProps,
+      {
+        instance: getInstance(),
+        header,
+      },
+    );
+  });
 };

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import type { CellProps, Hooks, Row } from 'react-table';
-export declare const useExpanderCell: <T extends Record<string, unknown>>(subComponent?: ((row: Row<T>) => React.ReactNode) | undefined, expanderCell?: ((cellProps: CellProps<T, any>) => React.ReactNode) | undefined, isRowDisabled?: ((rowData: T) => boolean) | undefined) => (hooks: Hooks<T>) => void;
+export declare const useExpanderCell: <T extends Record<string, unknown>>(subComponent?: ((row: Row<T>) => React.ReactNode) | undefined, expanderCell?: ((cellProps: CellProps<T>) => React.ReactNode) | undefined, isRowDisabled?: ((rowData: T) => boolean) | undefined) => (hooks: Hooks<T>) => void;

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

@@ -1,57 +1,43 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useExpanderCell = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const index_js_1 = require("../columns/index.js");
-const useExpanderCell = (subComponent, expanderCell, isRowDisabled) => (hooks) => {
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../columns/index.js');
+const useExpanderCell =
+  (subComponent, expanderCell, isRowDisabled) => (hooks) => {
     if (!subComponent) {
-        return;
+      return;
     }
     hooks.allColumns.push((columns) => {
-        const hasExpanderColumn = columns.find((c) => c.id === index_js_1.EXPANDER_CELL_ID);
-        if (hasExpanderColumn) {
-            return columns;
-        }
-        const expanderColumn = (0, index_js_1.ExpanderColumn)({
-            subComponent,
-            isDisabled: isRowDisabled,
-        });
-        return [
-            {
-                ...expanderColumn,
-                Cell: expanderCell
-                    ? (cellProps) => React.createElement(React.Fragment, null, expanderCell(cellProps))
-                    : expanderColumn.Cell,
-            },
-            ...columns,
-        ];
+      const hasExpanderColumn = columns.find(
+        (c) => c.id === index_js_1.EXPANDER_CELL_ID,
+      );
+      if (hasExpanderColumn) {
+        return columns;
+      }
+      const expanderColumn = (0, index_js_1.ExpanderColumn)({
+        subComponent,
+        isDisabled: isRowDisabled,
+      });
+      return [
+        {
+          ...expanderColumn,
+          Cell: expanderCell
+            ? (cellProps) =>
+                React.createElement(
+                  React.Fragment,
+                  null,
+                  expanderCell(cellProps),
+                )
+            : expanderColumn.Cell,
+        },
+        ...columns,
+      ];
     });
-};
+  };
 exports.useExpanderCell = useExpanderCell;