@synerise/ds-table 1.9.10 → 1.9.12

package/dist/VirtualTable/VirtualTable.styles.d.ts

@@ -5,25 +5,25 @@ type ColWrapperProps = {
     right?: number;
     left?: number;
 };
-export declare const RowWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const RowWrapper: import('styled-components').StyledComponent<"div", any, {
     onRowClickAvailable?: boolean;
 }, never>;
-export declare const InnerListElement: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VirtualListSpace: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VirtualListWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const InnerListElement: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const VirtualListSpace: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const VirtualListWrapper: import('styled-components').StyledComponent<"div", any, {
     isSticky: boolean;
     listHeight: number;
     listWidth: number;
 }, never>;
-export declare const StickyScrollbarWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StickyScrollbarWrapper: import('styled-components').StyledComponent<"div", any, {
     scrollOffset: number;
     isStuck: boolean;
 }, never>;
-export declare const StickyScrollbarContent: import("styled-components").StyledComponent<"div", any, {
+export declare const StickyScrollbarContent: import('styled-components').StyledComponent<"div", any, {
     scrollWidth: number;
 }, never>;
-export declare const ColWrapper: import("styled-components").StyledComponent<"div", any, ColWrapperProps, never>;
-export declare const VirtualTableWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const ColWrapper: import('styled-components').StyledComponent<"div", any, ColWrapperProps, never>;
+export declare const VirtualTableWrapper: import('styled-components').StyledComponent<"div", any, {
     isSticky: boolean;
     titleBarHeight: number;
     titleBarTop: number;

package/dist/VirtualTable/VirtualTable.styles.js

@@ -1,60 +1,50 @@
-import styled, { css } from 'styled-components';
-var numberToPixels = function numberToPixels(num) {
-  return num + "px";
+import styled, { css } from "styled-components";
+const numberToPixels = (num) => `${num}px`;
+const getColumnWidth = (props) => {
+  return props.width ? numberToPixels(props.width) : "initial";
 };
-var getColumnWidth = function getColumnWidth(props) {
-  return props.width ? numberToPixels(props.width) : 'initial';
-};
-export var RowWrapper = styled.div.withConfig({
+const RowWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "VirtualTablestyles__RowWrapper",
   componentId: "sc-aehkhc-0"
-})(["display:inline-table;cursor:", ";"], function (props) {
-  return props.onRowClickAvailable ? 'pointer' : 'default';
-});
-export var InnerListElement = styled.div.withConfig({
+})(["display:inline-table;cursor:", ";"], (props) => props.onRowClickAvailable ? "pointer" : "default");
+const InnerListElement = /* @__PURE__ */ styled.div.withConfig({
   displayName: "VirtualTablestyles__InnerListElement",
   componentId: "sc-aehkhc-1"
-})(["background:", ";"], function (props) {
-  return props.theme.palette.white;
-});
-export var VirtualListSpace = styled.div.withConfig({
+})(["background:", ";"], (props) => props.theme.palette.white);
+const VirtualListSpace = /* @__PURE__ */ styled.div.withConfig({
   displayName: "VirtualTablestyles__VirtualListSpace",
   componentId: "sc-aehkhc-2"
 })([""]);
-export var VirtualListWrapper = styled.div.withConfig({
+const VirtualListWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "VirtualTablestyles__VirtualListWrapper",
   componentId: "sc-aehkhc-3"
-})(["", " overscroll-behavior-x:contain;"], function (props) {
-  return props.isSticky && css(["width:", ";overflow:overlay hidden;scrollbar-color:transparent;scrollbar-width:none;::-webkit-scrollbar-thumb{background-color:transparent;}::-webkit-scrollbar{display:none;}:after{content:'';width:10px;height:", ";display:block;}"], numberToPixels(props.listWidth), numberToPixels(props.listHeight));
-});
-export var StickyScrollbarWrapper = styled.div.withConfig({
+})(["", " overscroll-behavior-x:contain;"], (props) => props.isSticky && css(["width:", ";overflow:overlay hidden;scrollbar-color:transparent;scrollbar-width:none;::-webkit-scrollbar-thumb{background-color:transparent;}::-webkit-scrollbar{display:none;}:after{content:'';width:10px;height:", ";display:block;}"], numberToPixels(props.listWidth), numberToPixels(props.listHeight)));
+const StickyScrollbarWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "VirtualTablestyles__StickyScrollbarWrapper",
   componentId: "sc-aehkhc-4"
-})(["position:sticky;bottom:10px;z-index:", ";transform:translate(5px,", ");height:10px;margin-bottom:-10px;"], function (props) {
-  return props.isStuck ? 2 : 0;
-}, function (props) {
-  return numberToPixels(props.scrollOffset);
-});
-export var StickyScrollbarContent = styled.div.withConfig({
+})(["position:sticky;bottom:10px;z-index:", ";transform:translate(5px,", ");height:10px;margin-bottom:-10px;"], (props) => props.isStuck ? 2 : 0, (props) => numberToPixels(props.scrollOffset));
+const StickyScrollbarContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "VirtualTablestyles__StickyScrollbarContent",
   componentId: "sc-aehkhc-5"
-})(["width:", ";height:10px;"], function (props) {
-  return numberToPixels(props.scrollWidth);
-});
-export var ColWrapper = styled.div.withConfig({
+})(["width:", ";height:10px;"], (props) => numberToPixels(props.scrollWidth));
+const ColWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "VirtualTablestyles__ColWrapper",
   componentId: "sc-aehkhc-6"
-})(["display:table-cell;vertical-align:middle;", ";", ";", " padding:0 24px;&.virtual-table-cell.ant-table-selection-column{padding:0 8px 0 24px;}&.virtual-table-cell.ds-table-star-column{padding:0 8px 0 24px;& > button{display:flex;}}&.virtual-table-cell.ant-table-selection-column + .virtual-table-cell.ds-table-star-column{padding-left:0;}"], function (props) {
-  return props.left !== undefined && "left: " + numberToPixels(props.left);
-}, function (props) {
-  return props.right !== undefined && "right: " + numberToPixels(props.right);
-}, function (props) {
-  var width = getColumnWidth(props);
+})(["display:table-cell;vertical-align:middle;", ";", ";", " padding:0 24px;&.virtual-table-cell.ant-table-selection-column{padding:0 8px 0 24px;}&.virtual-table-cell.ds-table-star-column{padding:0 8px 0 24px;& > button{display:flex;}}&.virtual-table-cell.ant-table-selection-column + .virtual-table-cell.ds-table-star-column{padding-left:0;}"], (props) => props.left !== void 0 && `left: ${numberToPixels(props.left)}`, (props) => props.right !== void 0 && `right: ${numberToPixels(props.right)}`, (props) => {
+  const width = getColumnWidth(props);
   return css(["width:", ";min-width:", ";max-width:", ";"], width, width, width);
 });
-export var VirtualTableWrapper = styled.div.withConfig({
+const VirtualTableWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "VirtualTablestyles__VirtualTableWrapper",
   componentId: "sc-aehkhc-7"
-})(["", ""], function (props) {
-  return props.isSticky ? css(["&:hover{.ps__rail-x.ps__rail-x{opacity:1;}}.ant-table-title{position:sticky;top:", "px;z-index:99;}.ant-table-title,.ant-table-sticky-holder{transition:top 0.3s ease-in-out;}", ";"], props.titleBarTop - props.titleBarHeight, props.isHeaderVisible && css([".ant-table-title{top:", "px;}.ant-table-sticky-holder{top:", "px !important;}"], props.titleBarTop, props.titleBarTop + props.titleBarHeight)) : css(["position:relative;"]);
-});
+})(["", ""], (props) => props.isSticky ? css(["&:hover{.ps__rail-x.ps__rail-x{opacity:1;}}.ant-table-title{position:sticky;top:", "px;z-index:99;}.ant-table-title,.ant-table-sticky-holder{transition:top 0.3s ease-in-out;}", ";"], props.titleBarTop - props.titleBarHeight, props.isHeaderVisible && css([".ant-table-title{top:", "px;}.ant-table-sticky-holder{top:", "px !important;}"], props.titleBarTop, props.titleBarTop + props.titleBarHeight)) : css(["position:relative;"]));
+export {
+  ColWrapper,
+  InnerListElement,
+  RowWrapper,
+  StickyScrollbarContent,
+  StickyScrollbarWrapper,
+  VirtualListSpace,
+  VirtualListWrapper,
+  VirtualTableWrapper
+};

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 { DSColumnType, DSTableProps } from '../Table.types';
+import { RefObject } from 'react';
+import { FixedSizeList as List, ListOnItemsRenderedProps } from '../../../../../config/vitest/__mocks__/reactWindowMock.js';
+import { InfiniteScrollProps } from '../InfiniteScroll/InfiniteLoaderItem.types';
+import { DSColumnType, DSTableProps } from '../Table.types';
 export type VirtualColumnType<T> = DSColumnType<T> & {
     fixedFirst?: boolean;
     id?: string | number;

package/dist/VirtualTable/VirtualTable.types.js

@@ -1 +1 @@
-export {};
+

package/dist/VirtualTable/VirtualTableRow.d.ts

@@ -1,7 +1,7 @@
-import React, { type CSSProperties, type ReactElement } from 'react';
-import { type TooltipProps } from '@synerise/ds-tooltip';
-import type { InfiniteScrollProps } from '../InfiniteScroll/InfiniteLoaderItem.types';
-import { type DSTableProps, type RowSelection, type RowStar } from '../Table.types';
+import { default as React, CSSProperties, ReactElement } from 'react';
+import { TooltipProps } from '@synerise/ds-tooltip';
+import { InfiniteScrollProps } from '../InfiniteScroll/InfiniteLoaderItem.types';
+import { DSTableProps, RowSelection, RowStar } from '../Table.types';
 export declare const INFINITE_LOADED_ITEM_HEIGHT = 64;
 export interface VirtualTableRowProps<T> {
     data: {

package/dist/VirtualTable/VirtualTableRow.js

@@ -1,118 +1,110 @@
-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 classNames from 'classnames';
-import React, { memo, useCallback, useMemo } from 'react';
-import { areEqual } from 'react-window';
-import Tooltip from '@synerise/ds-tooltip';
-import InfiniteLoaderItem from '../InfiniteScroll/InfiniteLoaderItem';
-import { calculatePixels, getValueFromPath } from '../utils';
-import * as S from './VirtualTable.styles';
-import { EXPANDED_ROW_PROPERTY } from './constants';
-export var INFINITE_LOADED_ITEM_HEIGHT = 64;
-var isColumnSortingActive = function isColumnSortingActive(columns, column) {
-  return !!columns.find(function (c) {
-    return c.key === column.key && !!c.sortOrder;
-  });
-};
-var calculateToPixelsIfDefined = function calculateToPixelsIfDefined(value) {
-  return value ? calculatePixels(value) : value;
-};
-function VirtualTableRow(_ref) {
-  var _infiniteScroll$prevP3;
-  var index = _ref.index,
-    style = _ref.style,
-    _ref$data = _ref.data,
-    mergedColumns = _ref$data.mergedColumns,
-    onRowClick = _ref$data.onRowClick,
-    selection = _ref$data.selection,
-    rowStar = _ref$data.rowStar,
-    getRowTooltipProps = _ref$data.getRowTooltipProps,
-    dataSource = _ref$data.dataSource,
-    cellHeight = _ref$data.cellHeight,
-    infiniteScroll = _ref$data.infiniteScroll,
-    defaultTableProps = _ref$data.defaultTableProps;
-  var renderColumn = useCallback(function (column, rowData, columnIndex) {
-    if (rowData[EXPANDED_ROW_PROPERTY] && column.childRender) {
-      return column.childRender(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex);
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { memo, useCallback, useMemo } from "react";
+import { areEqual } from "react-window";
+import Tooltip from "@synerise/ds-tooltip";
+import InfiniteLoaderItem from "../InfiniteScroll/InfiniteLoaderItem.js";
+import { calculatePixels } from "../utils/calculatePixels.js";
+import "../Table.styles.js";
+import "@synerise/ds-skeleton";
+import "uuid";
+import "styled-components";
+import "@synerise/ds-typography";
+import { getValueFromPath } from "../utils/getValueFromPath.js";
+import "../utils/locale.js";
+import { RowWrapper, ColWrapper } from "./VirtualTable.styles.js";
+import { EXPANDED_ROW_PROPERTY } from "./constants.js";
+const INFINITE_LOADED_ITEM_HEIGHT = 64;
+const isColumnSortingActive = (columns, column) => !!columns.find((c) => c.key === column.key && !!c.sortOrder);
+const calculateToPixelsIfDefined = (value) => value ? calculatePixels(value) : value;
+function VirtualTableRow({
+  index,
+  style,
+  data: {
+    mergedColumns,
+    onRowClick,
+    selection,
+    rowStar,
+    getRowTooltipProps,
+    dataSource,
+    cellHeight,
+    infiniteScroll,
+    defaultTableProps
+  }
+}) {
+  const renderColumn = useCallback((column, rowData2, columnIndex) => {
+    if (rowData2[EXPANDED_ROW_PROPERTY] && column.childRender) {
+      return column.childRender(getValueFromPath(rowData2, column.dataIndex), rowData2, columnIndex);
     }
-    return column.render ? column.render(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex) : getValueFromPath(rowData, column.dataIndex);
+    return column.render ? column.render(getValueFromPath(rowData2, column.dataIndex), rowData2, columnIndex) : getValueFromPath(rowData2, column.dataIndex);
   }, []);
-  var rowData = useMemo(function () {
-    return dataSource[index];
-  }, [dataSource, index]);
-  var infiniteLoader = useCallback(function (position) {
-    var isVisible = false;
-    var infiniteLoaderItemProps;
-    var top = style.top;
-    if (position === 'TOP') {
-      var _infiniteScroll$prevP;
-      isVisible = Boolean(infiniteScroll && ((_infiniteScroll$prevP = infiniteScroll.prevPage) == null ? void 0 : _infiniteScroll$prevP.hasMore) && index === 0);
-      infiniteLoaderItemProps = infiniteScroll == null ? void 0 : infiniteScroll.prevPage;
-      top = "0px";
+  const rowData = useMemo(() => dataSource[index], [dataSource, index]);
+  const infiniteLoader = useCallback((position) => {
+    let isVisible = false;
+    let infiniteLoaderItemProps;
+    let {
+      top: top2
+    } = style;
+    if (position === "TOP") {
+      isVisible = Boolean(infiniteScroll && infiniteScroll.prevPage?.hasMore && index === 0);
+      infiniteLoaderItemProps = infiniteScroll?.prevPage;
+      top2 = `0px`;
     }
-    if (position === 'BOTTOM') {
-      var _infiniteScroll$prevP2;
+    if (position === "BOTTOM") {
       isVisible = Boolean(index === dataSource.length - 1);
-      infiniteLoaderItemProps = infiniteScroll == null ? void 0 : infiniteScroll.nextPage;
-      var prevDataInfiniteLoaderHeight = infiniteScroll != null && (_infiniteScroll$prevP2 = infiniteScroll.prevPage) != null && _infiniteScroll$prevP2.hasMore ? INFINITE_LOADED_ITEM_HEIGHT : 0;
-      top = Number(style.top) + cellHeight + prevDataInfiniteLoaderHeight + "px";
+      infiniteLoaderItemProps = infiniteScroll?.nextPage;
+      const prevDataInfiniteLoaderHeight = infiniteScroll?.prevPage?.hasMore ? INFINITE_LOADED_ITEM_HEIGHT : 0;
+      top2 = `${Number(style.top) + cellHeight + prevDataInfiniteLoaderHeight}px`;
     }
-    return infiniteLoaderItemProps && isVisible && /*#__PURE__*/React.createElement(S.RowWrapper, {
-      style: _extends({}, style, {
-        top: top,
-        height: INFINITE_LOADED_ITEM_HEIGHT + "px",
-        padding: '0 24px',
-        display: 'flex'
-      })
-    }, /*#__PURE__*/React.createElement(InfiniteLoaderItem, {
-      infiniteScroll: _extends({}, infiniteScroll, infiniteLoaderItemProps),
-      position: position
-    }));
+    return infiniteLoaderItemProps && isVisible && /* @__PURE__ */ jsx(RowWrapper, { style: {
+      ...style,
+      top: top2,
+      height: `${INFINITE_LOADED_ITEM_HEIGHT}px`,
+      padding: "0 24px",
+      display: "flex"
+    }, children: /* @__PURE__ */ jsx(InfiniteLoaderItem, { infiniteScroll: {
+      ...infiniteScroll,
+      ...infiniteLoaderItemProps
+    }, position }) });
   }, [cellHeight, dataSource.length, index, infiniteScroll, style]);
-  var top = infiniteScroll != null && (_infiniteScroll$prevP3 = infiniteScroll.prevPage) != null && _infiniteScroll$prevP3.hasMore ? Number(style.top) + INFINITE_LOADED_ITEM_HEIGHT + "px" : style.top;
-  var rowProps = (defaultTableProps == null || defaultTableProps.onRow == null ? void 0 : defaultTableProps.onRow(rowData)) || {};
-  var rowContent = /*#__PURE__*/React.createElement(S.RowWrapper, _extends({
-    "data-row-index": index,
-    className: classNames('virtual-table-row', {
-      'ds-expanded-row': rowData[EXPANDED_ROW_PROPERTY]
-    })
-  }, rowProps, {
-    style: _extends({}, style, rowProps == null ? void 0 : rowProps.style, {
-      top: top
-    }),
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      onRowClick && onRowClick(rowData);
-    },
-    onRowClickAvailable: onRowClick !== undefined
-  }), mergedColumns.map(function (column, columnIndex) {
-    var firstWithSelectionAndStar = selection && rowStar && columnIndex === 2;
-    var firstWithSelectionOrStar = (selection || rowStar) && columnIndex === 1;
-    var firstWithoutSelectionAndStar = columnIndex === 0 && !selection && !rowStar;
-    var columnTitle = typeof column.title === 'string' ? column.title : column.dataIndex || column.key;
-    var cellTooltip = column.getCellTooltipProps == null ? void 0 : column.getCellTooltipProps(rowData);
-    var cellContent = /*#__PURE__*/React.createElement(S.ColWrapper, {
-      left: column.fixed === 'left' ? column.left : undefined,
-      right: column.fixed === 'right' ? column.right : undefined,
-      className: classNames('virtual-table-cell', {
-        'virtual-table-cell-last': columnIndex === mergedColumns.length - 1,
-        'ant-table-selection-column': columnIndex === 0 && selection,
-        'ant-table-cell-fix-right': column.fixed === 'right',
-        'ant-table-cell-fix-left': column.fixed === 'left',
-        'ant-table-cell-fix-right-first': column.fixed === 'right' && column.fixedFirst,
-        'ant-table-cell-fix-left-first': column.fixed === 'left' && column.fixedFirst,
-        'ds-expanded-row-first': rowData[EXPANDED_ROW_PROPERTY] && columnIndex === 0,
-        'ds-expanded-row-data': rowData[EXPANDED_ROW_PROPERTY] && (firstWithoutSelectionAndStar || firstWithSelectionOrStar || firstWithSelectionAndStar)
-      }, isColumnSortingActive((defaultTableProps == null ? void 0 : defaultTableProps.columns) || [], column) && 'ant-table-column-sort', column.className),
-      key: "row-" + index + "-column-" + (column.dataIndex || column.key),
-      "data-column-dataIndex": column.dataIndex || column.key,
-      "data-column-title": columnTitle,
-      minWidth: calculateToPixelsIfDefined(column == null ? void 0 : column.minWidth),
-      width: column.width,
-      maxWidth: calculateToPixelsIfDefined(column == null ? void 0 : column.maxWidth)
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, renderColumn(column, rowData, columnIndex)));
-    return cellTooltip ? /*#__PURE__*/React.createElement(Tooltip, cellTooltip, cellContent) : cellContent;
-  }));
-  var rowTooltipProps = getRowTooltipProps == null ? void 0 : getRowTooltipProps(rowData);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, infiniteLoader('TOP'), rowTooltipProps ? /*#__PURE__*/React.createElement(Tooltip, rowTooltipProps, rowContent) : rowContent, infiniteLoader('BOTTOM'));
+  const top = infiniteScroll?.prevPage?.hasMore ? `${Number(style.top) + INFINITE_LOADED_ITEM_HEIGHT}px` : style.top;
+  const rowProps = defaultTableProps?.onRow?.(rowData) || {};
+  const rowContent = /* @__PURE__ */ jsx(RowWrapper, { "data-row-index": index, className: classNames("virtual-table-row", {
+    "ds-expanded-row": rowData[EXPANDED_ROW_PROPERTY]
+  }), ...rowProps, style: {
+    ...style,
+    ...rowProps?.style,
+    top
+  }, onClick: (event) => {
+    event.stopPropagation();
+    onRowClick && onRowClick(rowData);
+  }, onRowClickAvailable: onRowClick !== void 0, children: mergedColumns.map((column, columnIndex) => {
+    const firstWithSelectionAndStar = selection && rowStar && columnIndex === 2;
+    const firstWithSelectionOrStar = (selection || rowStar) && columnIndex === 1;
+    const firstWithoutSelectionAndStar = columnIndex === 0 && !selection && !rowStar;
+    const columnTitle = typeof column.title === "string" ? column.title : column.dataIndex || column.key;
+    const cellTooltip = column.getCellTooltipProps?.(rowData);
+    const cellContent = /* @__PURE__ */ jsx(ColWrapper, { left: column.fixed === "left" ? column.left : void 0, right: column.fixed === "right" ? column.right : void 0, className: classNames("virtual-table-cell", {
+      "virtual-table-cell-last": columnIndex === mergedColumns.length - 1,
+      "ant-table-selection-column": columnIndex === 0 && selection,
+      "ant-table-cell-fix-right": column.fixed === "right",
+      "ant-table-cell-fix-left": column.fixed === "left",
+      "ant-table-cell-fix-right-first": column.fixed === "right" && column.fixedFirst,
+      "ant-table-cell-fix-left-first": column.fixed === "left" && column.fixedFirst,
+      "ds-expanded-row-first": rowData[EXPANDED_ROW_PROPERTY] && columnIndex === 0,
+      "ds-expanded-row-data": rowData[EXPANDED_ROW_PROPERTY] && (firstWithoutSelectionAndStar || firstWithSelectionOrStar || firstWithSelectionAndStar)
+    }, isColumnSortingActive(defaultTableProps?.columns || [], column) && "ant-table-column-sort", column.className), "data-column-dataIndex": column.dataIndex || column.key, "data-column-title": columnTitle, minWidth: calculateToPixelsIfDefined(column?.minWidth), width: column.width, maxWidth: calculateToPixelsIfDefined(column?.maxWidth), children: /* @__PURE__ */ jsx(Fragment, { children: renderColumn(column, rowData, columnIndex) }) }, `row-${index}-column-${column.dataIndex || column.key}`);
+    return cellTooltip ? /* @__PURE__ */ jsx(Tooltip, { ...cellTooltip, children: cellContent }) : cellContent;
+  }) });
+  const rowTooltipProps = getRowTooltipProps?.(rowData);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    infiniteLoader("TOP"),
+    rowTooltipProps ? /* @__PURE__ */ jsx(Tooltip, { ...rowTooltipProps, children: rowContent }) : rowContent,
+    infiniteLoader("BOTTOM")
+  ] });
 }
-export default /*#__PURE__*/memo(VirtualTableRow, areEqual);
+const VirtualTableRow$1 = memo(VirtualTableRow, areEqual);
+export {
+  INFINITE_LOADED_ITEM_HEIGHT,
+  VirtualTableRow$1 as default
+};

package/dist/VirtualTable/constants.js

@@ -1,3 +1,8 @@
-export var HEADER_ROW_HEIGHT = 64;
-export var EXPANDED_ROW_PROPERTY = 'expandedChild';
-export var LOAD_DATA_OFFSET = 800;
+const HEADER_ROW_HEIGHT = 64;
+const EXPANDED_ROW_PROPERTY = "expandedChild";
+const LOAD_DATA_OFFSET = 800;
+export {
+  EXPANDED_ROW_PROPERTY,
+  HEADER_ROW_HEIGHT,
+  LOAD_DATA_OFFSET
+};

package/dist/constants/Table.constants.js

@@ -1,6 +1,11 @@
-export var SELECTION_ALL = 'SELECTION_ALL';
-export var SELECTION_INVERT = 'SELECTION_INVERT';
-export var ITEM_RENDER_TYPE = {
-  prev: 'prev',
-  next: 'next'
-};
+const SELECTION_ALL = "SELECTION_ALL";
+const SELECTION_INVERT = "SELECTION_INVERT";
+const ITEM_RENDER_TYPE = {
+  prev: "prev",
+  next: "next"
+};
+export {
+  ITEM_RENDER_TYPE,
+  SELECTION_ALL,
+  SELECTION_INVERT
+};

package/dist/constants/TableSkeleton.constants.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const DEFAULT_ROW_COUNT = 10;
 export declare const HEADER_HEIGHT = 73;
 export declare const SUBHEADER_HEIGHT = 64;

package/dist/constants/TableSkeleton.constants.js

@@ -1,100 +1,48 @@
-import React from 'react';
-import { SkeletonAvatar } from '@synerise/ds-skeleton';
-import AvatarLabelCell from '../Cell/AvatarLabel/AvatarLabel';
-import * as S from '../Table.styles';
-export var DEFAULT_ROW_COUNT = 10;
-export var HEADER_HEIGHT = 73;
-export var SUBHEADER_HEIGHT = 64;
-export var ROW_HEIGHT = 73;
-export var SKELETON_BAR_TINY = 16;
-export var SKELETON_BAR_STANDARD = 72;
-export var SKELETON_BAR_WIDE = 100;
-export var SKELETON_BAR_EXTRA_WIDE = 164;
-export var getDefaultSkeletonColumns = function getDefaultSkeletonColumns(height) {
-  if (height === void 0) {
-    height = ROW_HEIGHT;
-  }
-  return [{
-    width: 350,
-    title: /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100px'
-      }
-    }, /*#__PURE__*/React.createElement(S.Skeleton, {
-      numberOfSkeletons: 1,
-      width: "M"
-    })),
-    render: function render() {
-      return /*#__PURE__*/React.createElement(S.TableSkeletonCell, {
-        width: "100%",
-        height: height
-      }, /*#__PURE__*/React.createElement(AvatarLabelCell, {
-        title: /*#__PURE__*/React.createElement("div", {
-          style: {
-            width: '100px'
-          }
-        }, /*#__PURE__*/React.createElement(S.Skeleton, {
-          numberOfSkeletons: 1,
-          width: "M"
-        })),
-        avatar: /*#__PURE__*/React.createElement(SkeletonAvatar, {
-          shape: "square",
-          size: "M"
-        })
-      }));
-    }
-  }, {
-    minWidth: 100,
-    title: '',
-    render: function render() {
-      return /*#__PURE__*/React.createElement(S.TableSkeletonCell, {
-        height: height
-      });
-    }
-  }, {
-    width: 120,
-    title: /*#__PURE__*/React.createElement(S.Skeleton, {
-      numberOfSkeletons: 1,
-      size: "M"
-    }),
-    render: function render() {
-      return /*#__PURE__*/React.createElement(S.TableSkeletonCell, {
-        width: "100%",
-        height: height
-      }, /*#__PURE__*/React.createElement(S.Skeleton, {
-        numberOfSkeletons: 1,
-        size: "M"
-      }));
-    }
-  }, {
-    width: 212,
-    title: /*#__PURE__*/React.createElement(S.Skeleton, {
-      numberOfSkeletons: 1,
-      size: "M"
-    }),
-    render: function render() {
-      return /*#__PURE__*/React.createElement(S.TableSkeletonCell, {
-        width: "100%",
-        height: height
-      }, /*#__PURE__*/React.createElement(S.Skeleton, {
-        numberOfSkeletons: 1,
-        size: "M"
-      }));
-    }
-  }, {
-    width: 120,
-    title: /*#__PURE__*/React.createElement(S.Skeleton, {
-      numberOfSkeletons: 1,
-      size: "M"
-    }),
-    render: function render() {
-      return /*#__PURE__*/React.createElement(S.TableSkeletonCell, {
-        width: "100%",
-        height: height
-      }, /*#__PURE__*/React.createElement(S.Skeleton, {
-        numberOfSkeletons: 1,
-        size: "M"
-      }));
-    }
-  }];
-};
+import { jsx } from "react/jsx-runtime";
+import { SkeletonAvatar } from "@synerise/ds-skeleton";
+import AvatarLabel from "../Cell/AvatarLabel/AvatarLabel.js";
+import { TableSkeletonCell, Skeleton } from "../Table.styles.js";
+const DEFAULT_ROW_COUNT = 10;
+const HEADER_HEIGHT = 73;
+const SUBHEADER_HEIGHT = 64;
+const ROW_HEIGHT = 73;
+const SKELETON_BAR_TINY = 16;
+const SKELETON_BAR_STANDARD = 72;
+const SKELETON_BAR_WIDE = 100;
+const SKELETON_BAR_EXTRA_WIDE = 164;
+const getDefaultSkeletonColumns = (height = ROW_HEIGHT) => [{
+  width: 350,
+  title: /* @__PURE__ */ jsx("div", { style: {
+    width: "100px"
+  }, children: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, width: "M" }) }),
+  render: () => /* @__PURE__ */ jsx(TableSkeletonCell, { width: "100%", height, children: /* @__PURE__ */ jsx(AvatarLabel, { title: /* @__PURE__ */ jsx("div", { style: {
+    width: "100px"
+  }, children: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, width: "M" }) }), avatar: /* @__PURE__ */ jsx(SkeletonAvatar, { shape: "square", size: "M" }) }) })
+}, {
+  minWidth: 100,
+  title: "",
+  render: () => /* @__PURE__ */ jsx(TableSkeletonCell, { height })
+}, {
+  width: 120,
+  title: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }),
+  render: () => /* @__PURE__ */ jsx(TableSkeletonCell, { width: "100%", height, children: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }) })
+}, {
+  width: 212,
+  title: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }),
+  render: () => /* @__PURE__ */ jsx(TableSkeletonCell, { width: "100%", height, children: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }) })
+}, {
+  width: 120,
+  title: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }),
+  render: () => /* @__PURE__ */ jsx(TableSkeletonCell, { width: "100%", height, children: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }) })
+}];
+export {
+  DEFAULT_ROW_COUNT,
+  HEADER_HEIGHT,
+  ROW_HEIGHT,
+  SKELETON_BAR_EXTRA_WIDE,
+  SKELETON_BAR_STANDARD,
+  SKELETON_BAR_TINY,
+  SKELETON_BAR_WIDE,
+  SUBHEADER_HEIGHT,
+  getDefaultSkeletonColumns
+};

package/dist/hooks/useBulkSelection/index.js

@@ -1 +1,4 @@
-export * from './useBulkSelection';
+import { useBulkSelectionCount } from "./useBulkSelection.js";
+export {
+  useBulkSelectionCount
+};

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

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