@synerise/ds-table 1.3.1 → 1.4.0

package/dist/VirtualTable/VirtualTable.js

@@ -1,25 +1,25 @@
 var _excluded = ["style"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useState, useRef, forwardRef, useEffect, useMemo, useImperativeHandle } from 'react';
-import { FixedSizeList as List } from 'react-window';
-import ResizeObserver from 'rc-resize-observer';
+import classnames from 'classnames';
 import { compact } from 'lodash';
+import ResizeObserver from 'rc-resize-observer';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import classnames from 'classnames';
+import { FixedSizeList as List } from 'react-window';
 import { useElementInView } from '@synerise/ds-utils';
-import { infiniteLoaderItemHeight } from '../InfiniteScroll/constants';
 import BackToTopButton from '../InfiniteScroll/BackToTopButton';
 import OuterListElement from '../InfiniteScroll/OuterListElement';
+import { infiniteLoaderItemHeight } from '../InfiniteScroll/constants';
+import { RowSelectionColumn } from '../RowSelection';
 import DSTable from '../Table';
-import VirtualTableRow, { INFINITE_LOADED_ITEM_HEIGHT } from './VirtualTableRow';
-import * as S from './VirtualTable.styles';
-import { useTableLocale, calculateColumnWidths } from '../utils';
 import { useRowKey } from '../hooks/useRowKey';
 import { useRowStar } from '../hooks/useRowStar';
-import { RowSelectionColumn } from '../RowSelection';
-import { EXPANDED_ROW_PROPERTY, HEADER_ROW_HEIGHT, LOAD_DATA_OFFSET } from './constants';
+import { calculateColumnWidths, useTableLocale } from '../utils';
 import { getChildrenColumnName } from '../utils/getChildrenColumnName';
+import * as S from './VirtualTable.styles';
+import VirtualTableRow, { INFINITE_LOADED_ITEM_HEIGHT } from './VirtualTableRow';
+import { EXPANDED_ROW_PROPERTY, HEADER_ROW_HEIGHT, LOAD_DATA_OFFSET } from './constants';
 var relativeInlineStyle = {
   position: 'relative'
 };
@@ -119,7 +119,7 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
           });
         }
       }
-    } catch (error) {
+    } catch (_error) {
       throw new Error('Cannot find firs item');
     }
   }, [dataSource, dataSourceEmpty, rowKey, firstItem, infiniteScroll, updateFirstItem]);
@@ -315,7 +315,9 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
   var outerElement = useMemo(function () {
     return OuterListElement(containerRef, isSticky);
   }, [isSticky]);
-  var createItemData = useCallback(function (data, defaultTableProps) {
+  var createItemData = useCallback(function (data, defaultTableProps
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  ) {
     return {
       mergedColumns: mergedColumns,
       selection: selection,
@@ -367,7 +369,7 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
     // without sticky header the ref needs to point to the connect proxy in order for the header and body components to scroll in sync
     // this gets resolved in antd 5.9.0, when antd supports virtualisation out of the box (but not infinite loader)
     if (!isSticky) {
-      // @ts-ignore
+      // @ts-expect-error Property 'current' does not exist on type '(instance: ScrollProxyType | null) => void
       ref.current = connectObject;
     }
     var renderVirtualList = function renderVirtualList(data) {
@@ -428,7 +430,7 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
         isSticky: isSticky,
         listHeight: listHeight + HEADER_ROW_HEIGHT,
         onScroll: handleBodyScroll
-        // @ts-ignore
+        // @ts-expect-error Type 'RefObject<ScrollProxyType>' is not assignable to type 'RefObject<HTMLDivElement>'
         ,
         ref: isSticky ? ref : undefined
       }, /*#__PURE__*/React.createElement(List, {
@@ -445,7 +447,7 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
         itemData: itemData,
         itemKey: function itemKey(index) {
           var key = getRowKey(data[index]);
-          // @ts-ignore
+          // @ts-expect-error The left-hand side of an 'instanceof' expression must be of type 'any', an object type or a type parameter.
           return String(key instanceof String ? key.toLowerCase() : key);
         },
         outerElementType: outerElement,

package/dist/VirtualTable/VirtualTable.types.d.ts

@@ -1,7 +1,7 @@
 import type { RefObject } from 'react';
 import type { FixedSizeList as List, ListOnItemsRenderedProps } from 'react-window';
 import type { InfiniteScrollProps } from '../InfiniteScroll/InfiniteLoaderItem.types';
-import type { DSTableProps, DSColumnType } from '../Table.types';
+import type { DSColumnType, DSTableProps } from '../Table.types';
 export type VirtualColumnType<T> = DSColumnType<T> & {
     fixedFirst?: boolean;
     id?: string | number;

package/dist/VirtualTable/VirtualTableRow.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import type { ReactElement, CSSProperties } from 'react';
+import React, { type CSSProperties, type ReactElement } from 'react';
 import type { InfiniteScrollProps } from '../InfiniteScroll/InfiniteLoaderItem.types';
-import type { RowSelection, DSTableProps } from '../Table.types';
-import { RowStar } from '../hooks/useRowStar';
+import type { DSTableProps, RowSelection } from '../Table.types';
+import { type RowStar } from '../hooks/useRowStar';
 export declare const INFINITE_LOADED_ITEM_HEIGHT = 64;
 export interface VirtualTableRowProps<T> {
     data: {
@@ -18,6 +17,6 @@ export interface VirtualTableRowProps<T> {
     index: number;
     style: CSSProperties;
 }
-declare function VirtualTableRow<T extends object>({ index, style, data: { mergedColumns, onRowClick, selection, rowStar, dataSource, cellHeight, infiniteScroll, defaultTableProps }, }: VirtualTableRowProps<T>): ReactElement;
+declare function VirtualTableRow<T extends object>({ index, style, data: { mergedColumns, onRowClick, selection, rowStar, dataSource, cellHeight, infiniteScroll, defaultTableProps, }, }: VirtualTableRowProps<T>): ReactElement;
 declare const _default: React.MemoExoticComponent<typeof VirtualTableRow>;
 export default _default;

package/dist/VirtualTable/VirtualTableRow.js

@@ -1,11 +1,11 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { memo, useCallback, useMemo } from 'react';
 import classNames from 'classnames';
+import React, { memo, useCallback, useMemo } from 'react';
 import { areEqual } from 'react-window';
 import InfiniteLoaderItem from '../InfiniteScroll/InfiniteLoaderItem';
-import { EXPANDED_ROW_PROPERTY } from './constants';
+import { calculatePixels, getValueFromPath } from '../utils';
 import * as S from './VirtualTable.styles';
-import { getValueFromPath, calculatePixels } from '../utils';
+import { EXPANDED_ROW_PROPERTY } from './constants';
 export var INFINITE_LOADED_ITEM_HEIGHT = 64;
 var isColumnSortingActive = function isColumnSortingActive(columns, column) {
   return !!columns.find(function (c) {

package/dist/constants/TableSkeleton.constants.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SkeletonAvatar } from '@synerise/ds-skeleton';
-import * as S from '../Table.styles';
 import { AvatarLabelCell } from '../Cell';
+import * as S from '../Table.styles';
 export var DEFAULT_ROW_COUNT = 10;
 export var HEADER_HEIGHT = 73;
 export var SUBHEADER_HEIGHT = 64;

package/dist/hooks/useBulkSelection/useBulkSelection.d.ts

@@ -1,4 +1,4 @@
-import { Props as TableSelectionType } from '../../TableHeader/TableSelection.types';
+import { type Props as TableSelectionType } from '../../TableHeader/TableSelection.types';
 type BulkSelectionType = {
     allRecordsCount: number;
     selectableRecordsCount: number;

package/dist/hooks/useBulkSelection/useBulkSelection.js

@@ -1,7 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { useCallback, useMemo } from 'react';
-import { useRowKey } from '../useRowKey';
 import { isRecordSelectable } from '../../utils';
+import { useRowKey } from '../useRowKey';
 export var useBulkSelectionCount = function useBulkSelectionCount(_ref) {
   var dataSource = _ref.dataSource,
     selection = _ref.selection,
@@ -21,7 +21,9 @@ export var useBulkSelectionCount = function useBulkSelectionCount(_ref) {
       selectableAndSelectedRecordsCount: 0,
       selectedRecordsCount: 0
     };
-    if (!dataSource.length || !selection) return initialValue;
+    if (!dataSource.length || !selection) {
+      return initialValue;
+    }
     var selectedRowKeys = selection.selectedRowKeys,
       independentSelectionExpandedRows = selection.independentSelectionExpandedRows,
       checkRowSelectionStatus = selection.checkRowSelectionStatus;

package/dist/hooks/useRowKey/useRowKey.js

@@ -2,11 +2,14 @@ import React from 'react';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-// eslint-disable-next-line import/prefer-default-export
 export var useRowKey = function useRowKey(rowKey) {
   var getRowKey = React.useCallback(function (row) {
-    if (typeof rowKey === 'function') return rowKey(row);
-    if (typeof rowKey === 'string') return row[rowKey];
+    if (typeof rowKey === 'function') {
+      return rowKey(row);
+    }
+    if (typeof rowKey === 'string') {
+      return row[rowKey];
+    }
     return row.key || undefined;
   }, [rowKey]);
   return {

package/dist/hooks/useRowStar/useRowStar.d.ts

@@ -1,2 +1,2 @@
-import { UseStarredApi } from './useRowStar.types';
+import { type UseStarredApi } from './useRowStar.types';
 export declare const useRowStar: (initialStarredKeys: string[]) => UseStarredApi;

package/dist/hooks/useRowStar/useRowStar.js

@@ -19,7 +19,9 @@ var createRowStarColumn = function createRowStarColumn(_ref) {
       render: (rowStar == null ? void 0 : rowStar.renderCell) || function (value, record) {
         var expandedChild = record.expandedChild;
         var keyString = String(getRowKey(record));
-        if (loading || expandedChild && rowStar != null && rowStar.disableForExpandedRows) return null;
+        if (loading || expandedChild && rowStar != null && rowStar.disableForExpandedRows) {
+          return null;
+        }
         return /*#__PURE__*/React.createElement(Tooltip, {
           title: locale == null ? void 0 : locale.starRowTooltip
         }, /*#__PURE__*/React.createElement(Button.Star, {
@@ -39,8 +41,6 @@ var createRowStarColumn = function createRowStarColumn(_ref) {
     };
   };
 };
-
-// eslint-disable-next-line import/prefer-default-export
 export var useRowStar = function useRowStar(initialStarredKeys) {
   var starredKeys = React.useRef(new Set(initialStarredKeys));
   var getStarredRowKeys = function getStarredRowKeys() {

package/dist/hooks/useRowStar/useRowStar.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ColumnType } from 'antd/lib/table';
-import { DSTableProps, DSColumnType } from '../../Table.types';
+import { type ColumnType } from 'antd/lib/table';
+import type React from 'react';
+import { type DSColumnType, type DSTableProps } from '../../Table.types';
 export interface RowStar<T> {
     className?: string;
     starredRowKeys: string[];

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-import VirtualTable from './VirtualTable/VirtualTable';
-import GroupedTable from './GroupTable/GroupTable';
 import * as TableCell from './Cell';
+import GroupedTable from './GroupTable/GroupTable';
 import ItemsMenu from './ItemsMenu/ItemsMenu';
 import TreeTable from './TreeTable/TreeTable';
+import VirtualTable from './VirtualTable/VirtualTable';
 export { default } from './Table';
 export { GroupedTable, VirtualTable, TableCell, ItemsMenu, TreeTable };
 export { default as BackToTopButton } from './InfiniteScroll/BackToTopButton';
-export type { Props as VirtualTableProps, VirtualTableRef, VirtualColumnType } from './VirtualTable/VirtualTable.types';
+export type { Props as VirtualTableProps, VirtualTableRef, VirtualColumnType, } from './VirtualTable/VirtualTable.types';
 export type { RowSelection, RowType, SingleColumnSort, OnSortFn, Locale, DSColumnType, DSTableProps, ScrollProxyType, Selection, SelectionItem, CustomizeScrollBodyInfo, } from './Table.types';
 export { GROUP_BY } from './GroupTable/GroupTable.types';

package/dist/index.js

@@ -1,8 +1,8 @@
-import VirtualTable from './VirtualTable/VirtualTable';
-import GroupedTable from './GroupTable/GroupTable';
 import * as TableCell from './Cell';
+import GroupedTable from './GroupTable/GroupTable';
 import ItemsMenu from './ItemsMenu/ItemsMenu';
 import TreeTable from './TreeTable/TreeTable';
+import VirtualTable from './VirtualTable/VirtualTable';
 export { default } from './Table';
 export { GroupedTable, VirtualTable, TableCell, ItemsMenu, TreeTable };
 export { default as BackToTopButton } from './InfiniteScroll/BackToTopButton';