@itwin/itwinui-react 3.13.4 → 3.14.0

package/DEV-cjs/core/Table/hooks/useScrollToRow.js

@@ -1,41 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useScrollToRow", {
-    enumerable: true,
-    get: function() {
-        return useScrollToRow;
-    }
+Object.defineProperty(exports, 'useScrollToRow', {
+  enumerable: true,
+  get: function () {
+    return useScrollToRow;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-function useScrollToRow({ data, enableVirtualization, page, paginatorRenderer, scrollToRow }) {
-    let rowRefs = _react.useRef({});
-    let pageRef = _react.useRef(page);
-    pageRef.current = page;
-    let dataRef = _react.useRef(data);
-    dataRef.current = data;
-    let scrollToIndex = _react.useMemo(()=>{
-        if (!scrollToRow || paginatorRenderer) return;
-        let index = scrollToRow(pageRef.current, dataRef.current);
-        return index < 0 ? void 0 : index;
-    }, [
-        paginatorRenderer,
-        scrollToRow
-    ]);
-    _react.useEffect(()=>{
-        if (enableVirtualization || null == scrollToIndex || scrollToIndex < 0) return;
-        rowRefs.current[pageRef.current[scrollToIndex]?.id]?.scrollIntoView();
-    }, [
-        enableVirtualization,
-        scrollToIndex
-    ]);
-    let tableRowRef = _react.useCallback((row)=>(element)=>{
-            rowRefs.current[row.id] = element;
-        }, []);
-    return {
-        scrollToIndex,
-        tableRowRef
-    };
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+function useScrollToRow({
+  data,
+  enableVirtualization,
+  page,
+  paginatorRenderer,
+  scrollToRow,
+}) {
+  let rowRefs = _react.useRef({});
+  let pageRef = _react.useRef(page);
+  pageRef.current = page;
+  let dataRef = _react.useRef(data);
+  dataRef.current = data;
+  let scrollToIndex = _react.useMemo(() => {
+    if (!scrollToRow || paginatorRenderer) return;
+    let index = scrollToRow(pageRef.current, dataRef.current);
+    return index < 0 ? void 0 : index;
+  }, [paginatorRenderer, scrollToRow]);
+  _react.useEffect(() => {
+    if (enableVirtualization || null == scrollToIndex || scrollToIndex < 0)
+      return;
+    rowRefs.current[pageRef.current[scrollToIndex]?.id]?.scrollIntoView();
+  }, [enableVirtualization, scrollToIndex]);
+  let tableRowRef = _react.useCallback(
+    (row) => (element) => {
+      rowRefs.current[row.id] = element;
+    },
+    [],
+  );
+  return {
+    scrollToIndex,
+    tableRowRef,
+  };
 }

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

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

package/DEV-cjs/core/Table/hooks/useStickyColumns.js

@@ -1,57 +1,65 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useStickyColumns", {
-    enumerable: true,
-    get: function() {
-        return useStickyColumns;
-    }
+Object.defineProperty(exports, 'useStickyColumns', {
+  enumerable: true,
+  get: function () {
+    return useStickyColumns;
+  },
 });
-const _reacttable = require("react-table");
+const _reacttable = require('react-table');
 _reacttable.actions.setScrolledLeft = 'setScrolledLeft';
 _reacttable.actions.setScrolledRight = 'setScrolledRight';
-const useStickyColumns = (hooks)=>{
-    hooks.stateReducers.push(reducer);
-    hooks.useInstance.push(useInstance);
+const useStickyColumns = (hooks) => {
+  hooks.stateReducers.push(reducer);
+  hooks.useInstance.push(useInstance);
 };
-const reducer = (newState, action)=>{
-    if (action.type === _reacttable.actions.init) return {
-        ...newState,
-        sticky: {}
+const reducer = (newState, action) => {
+  if (action.type === _reacttable.actions.init)
+    return {
+      ...newState,
+      sticky: {},
     };
-    if (action.type === _reacttable.actions.setScrolledLeft && newState.sticky?.isScrolledToLeft !== action.value) return {
-        ...newState,
-        sticky: {
-            ...newState.sticky,
-            isScrolledToLeft: action.value
-        }
+  if (
+    action.type === _reacttable.actions.setScrolledLeft &&
+    newState.sticky?.isScrolledToLeft !== action.value
+  )
+    return {
+      ...newState,
+      sticky: {
+        ...newState.sticky,
+        isScrolledToLeft: action.value,
+      },
     };
-    if (action.type === _reacttable.actions.setScrolledRight && newState.sticky?.isScrolledToRight !== action.value) return {
-        ...newState,
-        sticky: {
-            ...newState.sticky,
-            isScrolledToRight: action.value
-        }
+  if (
+    action.type === _reacttable.actions.setScrolledRight &&
+    newState.sticky?.isScrolledToRight !== action.value
+  )
+    return {
+      ...newState,
+      sticky: {
+        ...newState.sticky,
+        isScrolledToRight: action.value,
+      },
     };
-    return newState;
+  return newState;
 };
-const useInstance = (instance)=>{
-    let { flatHeaders } = instance;
-    flatHeaders.forEach((header)=>{
-        if (!header.originalSticky) header.originalSticky = header.sticky ?? 'none';
-        header.sticky = 'none' === header.originalSticky ? void 0 : header.originalSticky;
-    });
-    let hasLeftStickyColumn = false;
-    [
-        ...flatHeaders
-    ].reverse().forEach((header)=>{
-        if ('left' === header.sticky) hasLeftStickyColumn = true;
-        if (hasLeftStickyColumn) header.sticky = 'left';
-    });
-    let hasRightStickyColumn = false;
-    flatHeaders.forEach((header)=>{
-        if ('right' === header.sticky) hasRightStickyColumn = true;
-        if (hasRightStickyColumn) header.sticky = 'right';
-    });
+const useInstance = (instance) => {
+  let { flatHeaders } = instance;
+  flatHeaders.forEach((header) => {
+    if (!header.originalSticky) header.originalSticky = header.sticky ?? 'none';
+    header.sticky =
+      'none' === header.originalSticky ? void 0 : header.originalSticky;
+  });
+  let hasLeftStickyColumn = false;
+  [...flatHeaders].reverse().forEach((header) => {
+    if ('left' === header.sticky) hasLeftStickyColumn = true;
+    if (hasLeftStickyColumn) header.sticky = 'left';
+  });
+  let hasRightStickyColumn = false;
+  flatHeaders.forEach((header) => {
+    if ('right' === header.sticky) hasRightStickyColumn = true;
+    if (hasRightStickyColumn) header.sticky = 'right';
+  });
 };

package/DEV-cjs/core/Table/hooks/useSubRowFiltering.js

@@ -1,92 +1,95 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useSubRowFiltering", {
-    enumerable: true,
-    get: function() {
-        return useSubRowFiltering;
-    }
+Object.defineProperty(exports, 'useSubRowFiltering', {
+  enumerable: true,
+  get: function () {
+    return useSubRowFiltering;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _defaultFilterFunctions = require("../filters/defaultFilterFunctions.js");
-const useSubRowFiltering = (hasAnySubRows)=>(hooks)=>{
-        hooks.useInstance.push(useInstance.bind({}, hasAnySubRows));
-    };
-const useInstance = (hasAnySubRows, instance)=>{
-    let setInitialSubRows = (rows)=>{
-        rows.forEach((row)=>{
-            if (!row.initialSubRows) row.initialSubRows = row.subRows;
-            setInitialSubRows(row.subRows);
-        });
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _defaultFilterFunctions = require('../filters/defaultFilterFunctions.js');
+const useSubRowFiltering = (hasAnySubRows) => (hooks) => {
+  hooks.useInstance.push(useInstance.bind({}, hasAnySubRows));
+};
+const useInstance = (hasAnySubRows, instance) => {
+  let setInitialSubRows = (rows) => {
+    rows.forEach((row) => {
+      if (!row.initialSubRows) row.initialSubRows = row.subRows;
+      setInitialSubRows(row.subRows);
+    });
+  };
+  setInitialSubRows(instance.initialRows);
+  let {
+    filteredRows = instance.filteredRows,
+    filteredFlatRows = instance.filteredFlatRows,
+    filteredRowsById = instance.filteredRowsById,
+  } = _react.useMemo(() => {
+    if (!hasAnySubRows) return {};
+    let setSubRows = (rows) => {
+      rows.forEach((row) => {
+        row.subRows = row.initialSubRows ?? [];
+        setSubRows(row.subRows);
+      });
     };
-    setInitialSubRows(instance.initialRows);
-    let { filteredRows = instance.filteredRows, filteredFlatRows = instance.filteredFlatRows, filteredRowsById = instance.filteredRowsById } = _react.useMemo(()=>{
-        if (!hasAnySubRows) return {};
-        let setSubRows = (rows)=>{
-            rows.forEach((row)=>{
-                row.subRows = row.initialSubRows ?? [];
-                setSubRows(row.subRows);
-            });
-        };
-        setSubRows(instance.initialRows);
-        let currentlyFilteredRows = [
-            ...instance.initialRows
-        ];
-        instance.state.filters.forEach(({ id: columnId, value: filterValue })=>{
-            let column = instance.allColumns.find((c)=>c.id === columnId);
-            if (!column) return;
-            let filterTypes = {
-                ..._defaultFilterFunctions.defaultFilterFunctions,
-                ...instance.filterTypes
-            };
-            let filterFn = 'function' == typeof column.filter ? column.filter : filterTypes[column.filter ?? 'text'];
-            currentlyFilteredRows = currentlyFilteredRows.filter((row)=>handleRowFiltering(row, filterFn, columnId, filterValue));
-        });
-        let filteredRows = [];
-        let filteredFlatRows = [];
-        let filteredRowsById = {};
-        let populateRows = (row)=>{
-            if (0 === row.depth) filteredRows.push(row);
-            filteredFlatRows.push(row);
-            filteredRowsById[row.id] = row;
-            if (row.subRows.length) row.subRows.forEach((r)=>populateRows(r));
-        };
-        currentlyFilteredRows.forEach((row)=>populateRows(row));
-        return {
-            filteredRows,
-            filteredFlatRows,
-            filteredRowsById
-        };
-    }, [
-        instance.allColumns,
-        instance.filterTypes,
-        instance.initialRows,
-        instance.state.filters,
-        hasAnySubRows
-    ]);
-    Object.assign(instance, {
-        filteredRows,
-        filteredFlatRows,
-        filteredRowsById,
-        rows: filteredRows,
-        flatRows: filteredFlatRows,
-        rowsById: filteredRowsById
+    setSubRows(instance.initialRows);
+    let currentlyFilteredRows = [...instance.initialRows];
+    instance.state.filters.forEach(({ id: columnId, value: filterValue }) => {
+      let column = instance.allColumns.find((c) => c.id === columnId);
+      if (!column) return;
+      let filterTypes = {
+        ..._defaultFilterFunctions.defaultFilterFunctions,
+        ...instance.filterTypes,
+      };
+      let filterFn =
+        'function' == typeof column.filter
+          ? column.filter
+          : filterTypes[column.filter ?? 'text'];
+      currentlyFilteredRows = currentlyFilteredRows.filter((row) =>
+        handleRowFiltering(row, filterFn, columnId, filterValue),
+      );
     });
+    let filteredRows = [];
+    let filteredFlatRows = [];
+    let filteredRowsById = {};
+    let populateRows = (row) => {
+      if (0 === row.depth) filteredRows.push(row);
+      filteredFlatRows.push(row);
+      filteredRowsById[row.id] = row;
+      if (row.subRows.length) row.subRows.forEach((r) => populateRows(r));
+    };
+    currentlyFilteredRows.forEach((row) => populateRows(row));
+    return {
+      filteredRows,
+      filteredFlatRows,
+      filteredRowsById,
+    };
+  }, [
+    instance.allColumns,
+    instance.filterTypes,
+    instance.initialRows,
+    instance.state.filters,
+    hasAnySubRows,
+  ]);
+  Object.assign(instance, {
+    filteredRows,
+    filteredFlatRows,
+    filteredRowsById,
+    rows: filteredRows,
+    flatRows: filteredFlatRows,
+    rowsById: filteredRowsById,
+  });
 };
-const handleRowFiltering = (row, filterFn, columnId, filterValue)=>{
-    let hasFilteredSubRows = false;
-    row.subRows = row.initialSubRows.filter((subRow)=>{
-        let result = handleRowFiltering(subRow, filterFn, columnId, filterValue);
-        if (result) hasFilteredSubRows = true;
-        return result;
-    });
-    if (hasFilteredSubRows) return true;
-    let result = filterFn([
-        row
-    ], [
-        columnId
-    ], filterValue);
-    return !!result.length;
+const handleRowFiltering = (row, filterFn, columnId, filterValue) => {
+  let hasFilteredSubRows = false;
+  row.subRows = row.initialSubRows.filter((subRow) => {
+    let result = handleRowFiltering(subRow, filterFn, columnId, filterValue);
+    if (result) hasFilteredSubRows = true;
+    return result;
+  });
+  if (hasFilteredSubRows) return true;
+  let result = filterFn([row], [columnId], filterValue);
+  return !!result.length;
 };

package/DEV-cjs/core/Table/hooks/useSubRowSelection.js

@@ -1,43 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useSubRowSelection", {
-    enumerable: true,
-    get: function() {
-        return useSubRowSelection;
-    }
+Object.defineProperty(exports, 'useSubRowSelection', {
+  enumerable: true,
+  get: function () {
+    return useSubRowSelection;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const useSubRowSelection = (hooks)=>{
-    hooks.useInstance.push(useInstance);
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const useSubRowSelection = (hooks) => {
+  hooks.useInstance.push(useInstance);
 };
-const useInstance = (instance)=>{
-    let selectedFlatRows = _react.useMemo(()=>{
-        let selectedFlatRows = [];
-        let setSelectionState = (row, selectedRowIds)=>{
-            let isSomeSubRowsSelected = false;
-            row.initialSubRows.forEach((subRow)=>{
-                setSelectionState(subRow, selectedRowIds);
-                if (subRow.isSelected || subRow.isSomeSelected) isSomeSubRowsSelected = true;
-            });
-            if (selectedRowIds[row.id]) {
-                row.isSelected = true;
-                row.isSomeSelected = false;
-                selectedFlatRows.push(row);
-            } else {
-                row.isSelected = false;
-                row.isSomeSelected = isSomeSubRowsSelected;
-            }
-        };
-        instance.rows.forEach((row)=>setSelectionState(row, instance.state.selectedRowIds));
-        return selectedFlatRows;
-    }, [
-        instance.rows,
-        instance.state.selectedRowIds
-    ]);
-    Object.assign(instance, {
-        selectedFlatRows
-    });
+const useInstance = (instance) => {
+  let selectedFlatRows = _react.useMemo(() => {
+    let selectedFlatRows = [];
+    let setSelectionState = (row, selectedRowIds) => {
+      let isSomeSubRowsSelected = false;
+      row.initialSubRows.forEach((subRow) => {
+        setSelectionState(subRow, selectedRowIds);
+        if (subRow.isSelected || subRow.isSomeSelected)
+          isSomeSubRowsSelected = true;
+      });
+      if (selectedRowIds[row.id]) {
+        row.isSelected = true;
+        row.isSomeSelected = false;
+        selectedFlatRows.push(row);
+      } else {
+        row.isSelected = false;
+        row.isSomeSelected = isSomeSubRowsSelected;
+      }
+    };
+    instance.rows.forEach((row) =>
+      setSelectionState(row, instance.state.selectedRowIds),
+    );
+    return selectedFlatRows;
+  }, [instance.rows, instance.state.selectedRowIds]);
+  Object.assign(instance, {
+    selectedFlatRows,
+  });
 };

package/DEV-cjs/core/Table/index.js

@@ -1,47 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    ActionColumn: function() {
-        return _index2.ActionColumn;
-    },
-    BaseFilter: function() {
-        return _index.BaseFilter;
-    },
-    DefaultCell: function() {
-        return _index1.DefaultCell;
-    },
-    EditableCell: function() {
-        return _index1.EditableCell;
-    },
-    ExpanderColumn: function() {
-        return _index2.ExpanderColumn;
-    },
-    FilterButtonBar: function() {
-        return _index.FilterButtonBar;
-    },
-    SelectionColumn: function() {
-        return _index2.SelectionColumn;
-    },
-    Table: function() {
-        return _Table.Table;
-    },
-    TablePaginator: function() {
-        return _TablePaginator.TablePaginator;
-    },
-    tableFilters: function() {
-        return _index.tableFilters;
-    }
+  ActionColumn: function () {
+    return _index2.ActionColumn;
+  },
+  BaseFilter: function () {
+    return _index.BaseFilter;
+  },
+  DefaultCell: function () {
+    return _index1.DefaultCell;
+  },
+  EditableCell: function () {
+    return _index1.EditableCell;
+  },
+  ExpanderColumn: function () {
+    return _index2.ExpanderColumn;
+  },
+  FilterButtonBar: function () {
+    return _index.FilterButtonBar;
+  },
+  SelectionColumn: function () {
+    return _index2.SelectionColumn;
+  },
+  Table: function () {
+    return _Table.Table;
+  },
+  TablePaginator: function () {
+    return _TablePaginator.TablePaginator;
+  },
+  tableFilters: function () {
+    return _index.tableFilters;
+  },
 });
-const _Table = require("./Table.js");
-const _index = require("./filters/index.js");
-const _index1 = require("./cells/index.js");
-const _TablePaginator = require("./TablePaginator.js");
-const _index2 = require("./columns/index.js");
+const _Table = require('./Table.js');
+const _index = require('./filters/index.js');
+const _index1 = require('./cells/index.js');
+const _TablePaginator = require('./TablePaginator.js');
+const _index2 = require('./columns/index.js');