@economic/taco 2.12.1 → 2.14.0

package/dist/components/Table2/types.d.ts

@@ -1,148 +0,0 @@
-import React from 'react';
-import { BuiltInSortingFn, ColumnFiltersState, ColumnOrderState, ColumnSizingState, OnChangeFn, Row, SortingState, VisibilityState } from '@tanstack/react-table';
-import { DialogProps } from '../Dialog/Dialog';
-import { IconName } from '../Icon/Icon';
-import { MenuProps } from '../Menu/Menu';
-export declare enum Table2FilterComparator {
-    Contains = 0,
-    DoesNotContain = 1,
-    IsEqualTo = 2,
-    IsNotEqualTo = 3,
-    IsGreaterThan = 4,
-    IsLessThan = 5,
-    IsBetween = 6,
-    IsOneOf = 7,
-    IsNoneOf = 8,
-    IsAllOf = 9,
-    IsEmpty = 10,
-    IsNotEmpty = 11
-}
-export declare type Table2Filter<TType = any> = {
-    comparator?: Table2FilterComparator;
-    value: TType | TType[];
-};
-export declare type ColumnOffsetState = Record<string, number | undefined>;
-export declare type RowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';
-export declare type CellAlignment = 'left' | 'center' | 'right';
-export declare type SortDirection = 'asc' | 'desc';
-export declare type ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';
-export declare type Table2ColumnHeaderRenderer<TType = any> = (value: any, row: TType) => JSX.Element | string | null;
-export declare type Table2ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;
-export declare type Table2ColumnFooterRenderer = (values: any[]) => JSX.Element | string | null;
-export declare type Table2ColumnControlProps = {
-    className?: string;
-    disabled?: boolean;
-    invalid?: boolean;
-    onBlur: ((newValue?: any) => void) | ((newValue?: any) => Promise<void>);
-    onFocus: React.FocusEventHandler;
-    readOnly?: boolean;
-    ref: React.RefObject<HTMLElement>;
-    setValue: (value: any) => void;
-    value: any;
-    'data-inline-editing-component'?: 'true';
-};
-export declare type Table2ColumnControlRenderer<TType = any> = ((props: Table2ColumnControlProps, row?: TType) => JSX.Element) | 'datepicker' | 'input' | 'switch';
-export declare type SortFn<TType = unknown> = ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | BuiltInSortingFn | 'auto';
-export declare type Table2ColumnProps<TType = any> = {
-    accessor: string;
-    align?: CellAlignment;
-    className?: string | ((row: Row<TType>) => string);
-    control?: Table2ColumnControlRenderer<TType>;
-    dataType?: ColumnDataType;
-    defaultActiveColumnIndex?: number;
-    defaultActiveRowIndex?: number;
-    defaultHidden?: boolean;
-    disableFiltering?: boolean;
-    disableHiding?: boolean;
-    disableReordering?: boolean;
-    disableResizing?: boolean;
-    disableSorting?: boolean;
-    defaultWidth?: number | 'grow';
-    header: string;
-    headerClassName?: string;
-    footer?: Table2ColumnFooterRenderer;
-    renderer?: Table2ColumnHeaderRenderer<TType>;
-    menu?: Table2ColumnHeaderMenu;
-    minWidth?: number;
-    sort?: SortDirection;
-    sortFn?: SortFn<TType>;
-    tooltip?: string;
-};
-export declare type Table2ActionProps<TType> = {
-    dialog?: (rows: TType[], resetSelectedRows: () => void) => (props: Partial<DialogProps>) => JSX.Element;
-    disabled?: boolean | ((rows: TType[]) => boolean);
-    icon: IconName | ((rows: TType[]) => IconName);
-    onClick?: (rows: TType[], resetSelectedRows: () => void) => void;
-    text: string | ((rows: TType[]) => string);
-    visible?: boolean | ((rows: TType[]) => boolean);
-};
-export declare type Table2RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;
-export declare type Table2Settings = {
-    columnFilters?: ColumnFiltersState;
-    columnOrder?: ColumnOrderState;
-    columnSizing?: ColumnSizingState;
-    columnVisibility?: VisibilityState;
-    frozenColumnCount?: number;
-    globalFilter?: string;
-    rowDensity?: RowDensity;
-    sorting?: SortingState;
-};
-export declare type RowClickHandler<TType = any> = (row: TType) => void;
-export declare type RowDragHandler<TType = any> = (rows: TType[], showPlaceholder: (string: any) => void, setDataTransfer: (data: string) => void) => void;
-export declare type RowDropHandler<TType = any> = (event: React.DragEvent, row: TType) => void;
-export declare type RowSelectionHandler<TType = any> = (rows: TType[], allSelected: boolean) => void;
-export declare type RowExpansionRenderer<TType = any> = (row: TType) => (() => JSX.Element) | null;
-export declare type SortHandler = OnChangeFn<SortingState>;
-export declare type SettingsHandler = OnChangeFn<Table2Settings>;
-export declare type SaveHandlerErrorResponse = Record<string, string | undefined | null> | null;
-export declare type SaveHandler<TType = any> = (row: TType, accessor: string) => Promise<SaveHandlerErrorResponse | void>;
-export declare type DataColumnIndexes = {
-    dataColumnStartOffset: number;
-    dataColumnEndOffset: number;
-};
-export declare type Table2Children<TType = any> = (React.ReactElement<Table2ColumnProps<TType>> | boolean | null | undefined)[];
-export declare type Table2ShortcutHandlerFn<TType = any> = (row: TType) => void;
-export declare type Table2ShortcutHandlerObject<TType = any> = {
-    handler: Table2ShortcutHandlerFn<TType>;
-    meta?: boolean;
-    shift?: boolean;
-};
-export declare type Table2Shortcuts<TType = any> = Record<string, Table2ShortcutHandlerFn<TType> | Table2ShortcutHandlerObject<TType>>;
-export declare type Table2Props<TType = any> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
-    actionsForRow?: Table2RowActionRenderer<TType>[];
-    actionsForRowLength?: number;
-    children: Table2Children;
-    className?: string;
-    data: TType[];
-    defaultActiveRowIndex?: number;
-    disableColumnFiltering?: boolean;
-    disableColumnHiding?: boolean;
-    disableColumnFreezing?: boolean;
-    disableColumnReordering?: boolean;
-    disableColumnResizing?: boolean;
-    disableRowDensity?: boolean;
-    disableRowExpansion?: boolean;
-    disableRowSelection?: boolean;
-    disableMultipleRowSelection?: boolean;
-    disableSearch?: boolean;
-    disableSorting?: boolean;
-    emptyState?: () => JSX.Element;
-    expandedRowRenderer?: RowExpansionRenderer<TType>;
-    length?: number;
-    loadMore?: () => Promise<void>;
-    manualColumnFiltering?: boolean;
-    manualSearch?: boolean;
-    manualSorting?: boolean;
-    onChangeSettings?: SettingsHandler;
-    onRowClick?: RowClickHandler<TType>;
-    onRowDrag?: RowDragHandler<TType>;
-    onRowDrop?: RowDropHandler<TType>;
-    onRowSelect?: RowSelectionHandler<TType>;
-    onSave?: SaveHandler<TType>;
-    shortcuts?: Table2Shortcuts<TType>;
-    toolbarLeft?: JSX.Element;
-    toolbarRight?: JSX.Element;
-    settings?: Table2Settings;
-    _experimentalActionsForTable?: Table2ActionProps<TType>[];
-    _experimentalActionsForTableSummary?: (rows: TType[]) => JSX.Element | string;
-};

package/dist/components/Table2/utilities/cell.d.ts

@@ -1,14 +0,0 @@
-import { Column } from '@tanstack/react-table';
-import { CellAlignment, RowDensity } from '../types';
-export declare const getCellSizingClasses: (density?: RowDensity, editing?: boolean) => string;
-export declare const getCellAlignmentClasses: (alignment?: CellAlignment) => {
-    'justify-start text-left': boolean;
-    'justify-end text-right': boolean;
-    'justify-center text-center': boolean;
-};
-export declare const getFrozenShadowClasses: (column: Column<any, any>, frozenColumns: string[], isHorizontallyOffset: boolean) => {
-    'shadow-[6px_0px_6px_rgb(0_0_0/8%),1px_0px_0px_theme(colors.grey.300)]': boolean;
-    'shadow-[1px_0px_0px_theme(colors.grey.300)]': boolean;
-};
-export declare const focussableNodeNames: string[];
-export declare const isKeyboardFocusableElement: (element: Element) => boolean;

package/dist/components/Table2/utilities/columns.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { ColumnDef, DisplayColumnDef } from '@tanstack/react-table';
-import { RowDragHandler, RowExpansionRenderer } from '../types';
-import { LocalizationTexts } from '../../Provider/Localization';
-export declare const COLUMN_ID_FOR_DRAGGABLE = "__draggable";
-export declare const COLUMN_ID_FOR_SELECTION = "__select";
-export declare const COLUMN_ID_FOR_EXPANSION = "__expansion";
-export declare const COLUMN_ID_FOR_ACTIONS = "__actions";
-export declare const isInternalFrozenColumn: (id: string) => boolean;
-export declare const isInternalColumn: (id: string) => boolean;
-export declare const MIN_COLUMN_SIZE = 80;
-export declare function createRowDraggableColumn<TType = any>(onRowDrag: RowDragHandler<TType>, texts: LocalizationTexts): DisplayColumnDef<TType, any>;
-export declare function createRowSelectionColumn<TType = any>(enableMultipleRowSelection: boolean, lastSelectedRowIndex: React.MutableRefObject<number | undefined>, onRowDrag: RowDragHandler<TType> | undefined, tableRef: React.RefObject<HTMLDivElement>, texts: LocalizationTexts): DisplayColumnDef<TType, any>;
-export declare function createRowExpansionColumn<TType = any>(expandedRowRenderer: RowExpansionRenderer<TType>, texts: LocalizationTexts): DisplayColumnDef<TType, any>;
-export declare function createRowActionsColumn<TType = any>(rowActions: any, rowActionsLength: any, texts: LocalizationTexts): DisplayColumnDef<TType, any>;
-export declare function ensureOrdering<TType = unknown>(columns: ColumnDef<TType>[], settingsOrder: string[] | undefined): string[];

package/dist/components/Table2/utilities/filterFn.d.ts

@@ -1,3 +0,0 @@
-import { Table2Filter } from '../types';
-export declare const globalFilterFn: (value: string, query: string) => boolean;
-export declare const columnFilterFn: (value: any, filter: Table2Filter) => boolean;

package/dist/esm/packages/taco/src/components/Table2/Table2.js

@@ -1,422 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { useMergedRef } from '../../hooks/useMergedRef.js';
-import { useLocalization } from '../Provider/Localization.js';
-import { Group } from '../Group/Group.js';
-import { _finallyRethrows, _catch } from '../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
-import { Cell } from './components/column/Cell.js';
-import { Header } from './components/column/Header.js';
-import { Footer } from './components/column/Footer.js';
-import { useTable } from './hooks/useTable.js';
-import { useVirtualiser } from './hooks/useVirtualiser.js';
-import { useGridTemplate } from './hooks/useGridTemplate.js';
-import { RowDensityButton } from './components/RowDensityButton.js';
-import { ColumnSettingsButton } from './components/ColumnSettingsButton.js';
-import { ExpandedRow } from './components/row/ExpandedRow.js';
-import { BatchActionsMenu } from './components/BatchActionsMenu.js';
-import { Row } from './components/row/Row.js';
-import { FiltersButton } from './components/filters/FiltersButton.js';
-import { Search } from './components/Search.js';
-import { EditModeButton } from './components/EditModeButton.js';
-
-function Column(_) {
-  return null;
-}
-Column.displayName = 'Table2Column';
-const BaseTable2 = /*#__PURE__*/React__default.forwardRef(function BaseTable2(props, ref) {
-  // dom
-  const {
-    emptyState: EmptyState,
-    expandedRowRenderer,
-    length = props.data.length,
-    loadMore,
-    onRowClick,
-    onRowDrop,
-    toolbarLeft,
-    toolbarRight,
-    _experimentalActionsForTable,
-    _experimentalActionsForTableSummary
-  } = props;
-  const tableRef = useMergedRef(ref);
-  const timeoutIdRef = React__default.useRef();
-  const prevScrollY = React__default.useRef(0);
-  // react-table
-  const {
-    rows,
-    table,
-    footers
-  } = useTable(props.children, props, tableRef);
-  const meta = table.options.meta;
-  const {
-    columnVisibility,
-    columnOrder,
-    globalFilter
-  } = table.getState();
-  React__default.useEffect(() => {
-    if (tableRef.current) {
-      tableRef.current.instance = {
-        resetFiltering: () => table.resetColumnFilters(),
-        resetRowExpansion: () => table.resetExpanded(),
-        resetRowSelection: () => table.resetRowSelection(),
-        resetSorting: () => table.resetSorting(),
-        toggleEditing: () => meta.editMode.toggleEditing()
-      };
-    }
-  }, [table, tableRef.current]);
-  // If column visibility or order changes then we turn off the edit mode so that control indexes gets computed
-  // when user turns on the editing mode again. This is a temporary solution to make sure the keyboard navigation
-  // still keeps working on changes in column visibility, order, or both
-  React__default.useEffect(() => {
-    meta.resetFocussableColumnIndexes();
-  }, [columnVisibility, columnOrder]);
-  React__default.useEffect(() => {
-    // Whenever edit mode is turned off we reset the focussableColumnIndexes ref to an empty array so that
-    // we don't have stale values, in case column visibility or ordering changes
-    if (!meta.editMode.isEditing) {
-      meta.resetFocussableColumnIndexes();
-    }
-  }, [meta.editMode.isEditing]);
-  React__default.useEffect(() => {
-    return () => clearTimeout(timeoutIdRef.current);
-  }, []);
-  // virtualiser
-  const {
-    virtualiser,
-    virtualiserOffsets,
-    setExpandedRowSizes
-  } = useVirtualiser({
-    rows,
-    table
-  }, tableRef);
-  // css grid
-  const gridTemplateColumns = useGridTemplate(table);
-  // handlers
-  const editButtonRef = React__default.useRef(null);
-  // support grid like keyboard navigation between cells
-  const handleKeyDown = event => {
-    if (document.activeElement === tableRef.current) {
-      if (event.key === 'ArrowUp') {
-        event.preventDefault();
-        if (event.ctrlKey || event.metaKey) {
-          meta.setActiveRowIndex(0);
-          virtualiser.scrollToOffset(0);
-        } else {
-          meta.moveToPreviousRow(rows, nextIndex => {
-            meta.setShouldPauseHoverState(true);
-            virtualiser.scrollToIndex(nextIndex - 1);
-          });
-        }
-        return;
-      } else if (event.key === 'ArrowDown') {
-        event.preventDefault();
-        if (event.ctrlKey || event.metaKey) {
-          meta.setActiveRowIndex(rows.length - 1);
-          virtualiser.scrollToOffset(virtualiser.totalSize + 1);
-        } else {
-          meta.moveToNextRow(rows, nextIndex => {
-            meta.setShouldPauseHoverState(true);
-            // the virtualiser doesn't always scroll right to the bottom for the last row
-            if (nextIndex === rows.length - 1) {
-              var _tableRef$current;
-              (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.scrollTo(0, tableRef.current.scrollHeight);
-            } else {
-              virtualiser.scrollToIndex(nextIndex + 2);
-            }
-          });
-        }
-        return;
-      }
-      const canToggleRowExpansion = table.options.enableExpanding;
-      if (event.key === 'ArrowLeft') {
-        event.preventDefault();
-        if (event.ctrlKey || event.metaKey) {
-          if (canToggleRowExpansion) {
-            var _rows$meta$activeRowI;
-            (_rows$meta$activeRowI = rows[meta.activeRowIndex]) === null || _rows$meta$activeRowI === void 0 ? void 0 : _rows$meta$activeRowI.toggleExpanded(false);
-          }
-        }
-        return;
-      }
-      if (event.key === 'ArrowRight') {
-        event.preventDefault();
-        if (event.ctrlKey || event.metaKey) {
-          if (canToggleRowExpansion) {
-            var _rows$meta$activeRowI2;
-            (_rows$meta$activeRowI2 = rows[meta === null || meta === void 0 ? void 0 : meta.activeRowIndex]) === null || _rows$meta$activeRowI2 === void 0 ? void 0 : _rows$meta$activeRowI2.toggleExpanded(true);
-          }
-        }
-        return;
-      }
-      if (event.key === 'Enter') {
-        event.preventDefault();
-        if (onRowClick) {
-          onRowClick(rows[meta === null || meta === void 0 ? void 0 : meta.activeRowIndex].original);
-        }
-        return;
-      }
-      if (event.key === ' ') {
-        event.preventDefault();
-        if (table.options.enableRowSelection) {
-          var _rows$meta$activeRowI3;
-          (_rows$meta$activeRowI3 = rows[meta.activeRowIndex]) === null || _rows$meta$activeRowI3 === void 0 ? void 0 : _rows$meta$activeRowI3.toggleSelected();
-        }
-        return;
-      }
-      if (event.ctrlKey || event.metaKey) {
-        if (event.key === 'a' && table.options.enableRowSelection) {
-          event.preventDefault();
-          table.toggleAllRowsSelected();
-        }
-        return;
-      }
-    }
-  };
-  let handleBlur;
-  if (meta.editMode.isEditing) {
-    handleBlur = event => {
-      var _elementGainingFocus, _elementGainingFocus$, _event$currentTarget;
-      let elementGainingFocus = event.relatedTarget;
-      if (elementGainingFocus === undefined) {
-        return;
-      }
-      // we might be focusing on a select or a popover that was triggered from inside the table
-      // so see if the element gaining focus is inside a portal and look up its controller
-      const portalId = (_elementGainingFocus = elementGainingFocus) === null || _elementGainingFocus === void 0 ? void 0 : (_elementGainingFocus$ = _elementGainingFocus.closest('[data-radix-popper-content-wrapper] > :first-child')) === null || _elementGainingFocus$ === void 0 ? void 0 : _elementGainingFocus$.id;
-      if (portalId) {
-        var _event$currentTarget$;
-        elementGainingFocus = (_event$currentTarget$ = event.currentTarget.querySelector(`[aria-controls="${portalId}"]`)) !== null && _event$currentTarget$ !== void 0 ? _event$currentTarget$ : event.relatedTarget;
-      }
-      if (!((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.contains(elementGainingFocus)) && elementGainingFocus !== editButtonRef.current) {
-        // When we call manually blur on control component while navigating to the next cell, then when this
-        // handler is run, the related target is not the next control component and active element is null,
-        // that's why we explictly need to check what's the next focussed element in order to figure out whether
-        // we should disabled the sorting or not.
-        timeoutIdRef.current = setTimeout(() => {
-          const parentRow = event.target.closest('[role="row"]');
-          const isNewFocussedElementInSameRow = parentRow === null || parentRow === void 0 ? void 0 : parentRow.contains(document.activeElement);
-          // When we manually call blur on control component and focus another component then
-          // we have to make sure we
-          if (meta.shouldPauseSortingAndFiltering && !isNewFocussedElementInSameRow) {
-            // if client side - unpause sorting
-            meta.setShouldPauseSortingAndFiltering(false);
-          }
-        });
-      }
-    };
-  }
-  // TODO: this can probably be extracted into a hook
-  // we only show the pinned shadow on display columns when scrolling is active
-  const [scrolled, setScrolled] = React__default.useState(false);
-  // extract - infinite loading
-  const loadingRef = React__default.useRef(false);
-  const handleScroll = function (event) {
-    try {
-      const _temp5 = function () {
-        if (event.currentTarget.scrollLeft > 0 && !scrolled) {
-          setScrolled(true);
-        } else {
-          const _temp4 = function () {
-            if (event.currentTarget.scrollLeft === 0 && scrolled) {
-              setScrolled(false);
-            } else {
-              const _temp3 = function () {
-                if (typeof loadMore === 'function') {
-                  const scrollY = event.currentTarget.scrollTop;
-                  const isScrollingDown = scrollY > prevScrollY.current;
-                  prevScrollY.current = scrollY;
-                  const scrolledPercentage = Math.round(scrollY / (event.currentTarget.scrollHeight - event.currentTarget.clientHeight) * 100);
-                  const _temp2 = function () {
-                    if (isScrollingDown && !loadingRef.current && scrolledPercentage >= 80) {
-                      const _temp = _finallyRethrows(function () {
-                        return _catch(function () {
-                          const isAllRowsSelected = table.getIsAllRowsSelected();
-                          loadingRef.current = true;
-                          return Promise.resolve(loadMore()).then(function () {
-                            if (isAllRowsSelected) {
-                              table.toggleAllRowsSelected(true);
-                            }
-                          });
-                        }, function (error) {
-                          console.error(error);
-                        });
-                      }, function (_wasThrown, _result) {
-                        loadingRef.current = false;
-                        if (_wasThrown) throw _result;
-                        return _result;
-                      });
-                      if (_temp && _temp.then) return _temp.then(function () {});
-                    }
-                  }();
-                  if (_temp2 && _temp2.then) return _temp2.then(function () {});
-                }
-              }();
-              if (_temp3 && _temp3.then) return _temp3.then(function () {});
-            }
-          }();
-          if (_temp4 && _temp4.then) return _temp4.then(function () {});
-        }
-      }();
-      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  let handleMouseLeave;
-  if (meta.shouldPauseHoverState) {
-    // sometimes the row's onMouseLeave doesn't trigger, this adds some extra redundancy
-    handleMouseLeave = () => meta.setShouldPauseHoverState(false);
-  }
-  const className = cn('bg-white border border-grey-300 focus:yt-focus focus:border-blue-500 grid auto-rows-max overflow-auto relative rounded group', props.className);
-  const enableSettingsButton = table.options.enableHiding || meta.enableColumnReordering;
-  const hasInternalToolbar = enableSettingsButton || meta.editMode.enableEditMode || table.options.enableColumnFilters || meta.enableRowDensity || table.options.enableGlobalFilter;
-  const hasToolbar = hasInternalToolbar || !!toolbarLeft || !toolbarRight;
-  const frozenColumnIds = table.getLeftVisibleLeafColumns().map(c => c.id);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "-m-0.5 flex h-full w-[calc(100%_+_0.25rem)] flex-col gap-4 overflow-hidden p-0.5"
-  }, hasToolbar ? /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-wrap gap-2"
-  }, toolbarLeft, hasInternalToolbar ? /*#__PURE__*/React__default.createElement(Group, {
-    className: "ml-auto flex-shrink-0 print:hidden"
-  }, meta.editMode.enableEditMode ? /*#__PURE__*/React__default.createElement(EditModeButton, {
-    ref: editButtonRef,
-    table: table,
-    tableRef: tableRef,
-    scrollToIndex: virtualiser.scrollToIndex
-  }) : null, table.options.enableColumnFilters ? /*#__PURE__*/React__default.createElement(FiltersButton, {
-    length: length,
-    table: table
-  }) : null, toolbarRight, meta.enableRowDensity ? /*#__PURE__*/React__default.createElement(RowDensityButton, {
-    table: table
-  }) : null, enableSettingsButton ? /*#__PURE__*/React__default.createElement(ColumnSettingsButton, {
-    table: table
-  }) : null, table.options.enableGlobalFilter ? /*#__PURE__*/React__default.createElement(Search, {
-    disabled: meta.shouldDisableTableActions,
-    onSearch: table.setGlobalFilter,
-    value: globalFilter
-  }) : null) : null) : null, /*#__PURE__*/React__default.createElement("div", {
-    className: className,
-    "data-taco": "table2",
-    onBlur: handleBlur,
-    onKeyDown: handleKeyDown,
-    onMouseLeave: handleMouseLeave,
-    onScroll: handleScroll,
-    ref: tableRef,
-    role: "table",
-    style: {
-      gridTemplateColumns,
-      gridTemplateRows: rows.length ? undefined : '40px',
-      // create a new stacking context so our internal z-indexes don't effect external components
-      // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
-      opacity: 0.999
-    },
-    tabIndex: 0
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "contents",
-    "data-taco": "table2-header",
-    role: "rowgroup"
-  }, table.getHeaderGroups().map(headerGroup => /*#__PURE__*/React__default.createElement("div", {
-    className: "contents",
-    key: headerGroup.id,
-    role: "row"
-  }, headerGroup.headers.map((header, columnIndex) => /*#__PURE__*/React__default.createElement(Header, {
-    frozenColumnIds: frozenColumnIds,
-    key: header.id,
-    header: header,
-    index: columnIndex,
-    isLastColumn: columnIndex === headerGroup.headers.length - 1,
-    scrolled: scrolled,
-    table: table,
-    tableRef: tableRef
-  }))))), rows.length ? /*#__PURE__*/React__default.createElement("div", {
-    className: "contents",
-    "data-taco": "table2-body",
-    role: "rowgroup"
-  }, virtualiserOffsets.top ? /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      height: virtualiserOffsets.top
-    },
-    className: "col-span-full"
-  }) : null, virtualiser.virtualItems.map(virtualRow => {
-    var _expandedRowRenderer;
-    const row = rows[virtualRow.index];
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-      key: row.id
-    }, /*#__PURE__*/React__default.createElement(Row, {
-      className: "group/row contents",
-      onRowDrop: onRowDrop,
-      row: row,
-      rowIndex: virtualRow.index,
-      table: table
-    }, row.getVisibleCells().map((cell, columnIndex) => /*#__PURE__*/React__default.createElement(Cell, {
-      cell: cell,
-      frozenColumnIds: frozenColumnIds,
-      key: `${cell.id}_${cell.getValue()}`,
-      index: columnIndex,
-      isLastRow: virtualRow.index === rows.length - 1,
-      rows: rows,
-      rowIndex: virtualRow.index,
-      scrolled: scrolled,
-      scrollToIndex: virtualiser.scrollToIndex,
-      scrollToOffset: virtualiser.scrollToOffset,
-      table: table,
-      tableRef: tableRef
-    }))), row.getIsExpanded() && expandedRowRenderer ? /*#__PURE__*/React__default.createElement(ExpandedRow, {
-      index: virtualRow.index,
-      setSize: setExpandedRowSizes
-    }, (_expandedRowRenderer = expandedRowRenderer(row.original)) === null || _expandedRowRenderer === void 0 ? void 0 : _expandedRowRenderer()) : null);
-  }), virtualiserOffsets.bottom ? /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      height: virtualiserOffsets.bottom
-    },
-    className: "col-span-full"
-  }) : null) : /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-full min-h-[theme(spacing.8)]"
-  }, EmptyState ? /*#__PURE__*/React__default.createElement(EmptyState, null) : null), /*#__PURE__*/React__default.createElement("div", {
-    className: "contents",
-    "data-taco": "table2-footer",
-    role: "rowgroup"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    role: "row",
-    className: "contents"
-  }, table.getFooterGroups().map(footerGroup => footerGroup.headers.map((footer, cellIndex) => /*#__PURE__*/React__default.createElement(Footer, {
-    key: footer.id,
-    footer: footer,
-    frozenColumnIds: frozenColumnIds,
-    index: cellIndex,
-    scrolled: scrolled,
-    table: table
-  }, footers[footer.id] ? footers[footer.id](rows.map(row => row.original[footer.id])) : null)))), /*#__PURE__*/React__default.createElement(Summary, {
-    length: length !== null && length !== void 0 ? length : rows.length,
-    table: table
-  }))), !!_experimentalActionsForTable && table.options.enableRowSelection && (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? /*#__PURE__*/React__default.createElement(BatchActionsMenu, {
-    className: "fixed-center-x bottom-0 z-50 mb-4 print:hidden",
-    actionsForTable: _experimentalActionsForTable,
-    summary: _experimentalActionsForTableSummary,
-    table: table
-  }) : null);
-});
-const Summary = ({
-  length,
-  table
-}) => {
-  const {
-    texts
-  } = useLocalization();
-  const selectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;
-  const label = selectedLength > 0 ? texts.table2.footer.summary.selected : texts.table2.footer.summary.records;
-  const total = selectedLength > 0 ? selectedLength : length;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: cn('sticky bottom-0 left-0 z-10 -mt-10 flex h-10 w-fit items-center whitespace-nowrap bg-white px-4 !pr-3 shadow-[6px_0px_6px_theme(colors.white)]')
-  }, label, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, total));
-};
-const Table2 = /*#__PURE__*/React__default.forwardRef(function Table2(props, ref) {
-  const key = React__default.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);
-  return /*#__PURE__*/React__default.createElement(BaseTable2, Object.assign({}, props, {
-    key: key,
-    ref: ref
-  }));
-});
-Table2.Column = Column;
-
-export { Table2 };
-//# sourceMappingURL=Table2.js.map