@react-aria/table 3.17.11 → 3.18.0

package/src/useTableRow.ts

@@ -1,86 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {FocusableElement, RefObject} from '@react-types/shared';
-import {getLastItem} from '@react-stately/collections';
-import {getRowLabelledBy} from './utils';
-import type {GridNode} from '@react-types/grid';
-import {GridRowAria, GridRowProps, useGridRow} from '@react-aria/grid';
-import {HTMLAttributes} from 'react';
-import {mergeProps, useSyntheticLinkProps} from '@react-aria/utils';
-import {TableCollection} from '@react-types/table';
-import {tableNestedRows} from '@react-stately/flags';
-import {TableState, TreeGridState} from '@react-stately/table';
-import {useLocale} from '@react-aria/i18n';
-
-const EXPANSION_KEYS = {
-  expand: {
-    ltr: 'ArrowRight',
-    rtl: 'ArrowLeft'
-  },
-  'collapse': {
-    ltr: 'ArrowLeft',
-    rtl: 'ArrowRight'
-  }
-};
-
-/**
- * Provides the behavior and accessibility implementation for a row in a table.
- * @param props - Props for the row.
- * @param state - State of the table, as returned by `useTableState`.
- */
-export function useTableRow<T>(props: GridRowProps<T>, state: TableState<T> | TreeGridState<T>, ref: RefObject<FocusableElement | null>): GridRowAria {
-  let {node, isVirtualized} = props;
-  let {rowProps, ...states} = useGridRow<T, TableCollection<T>, TableState<T>>(props, state, ref);
-  let {direction} = useLocale();
-
-  if (isVirtualized && !(tableNestedRows() && 'expandedKeys' in state)) {
-    rowProps['aria-rowindex'] = node.index + 1 + state.collection.headerRows.length; // aria-rowindex is 1 based
-  } else {
-    delete rowProps['aria-rowindex'];
-  }
-
-  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};
-  if (tableNestedRows() && 'expandedKeys' in state) {
-    let treeNode = state.keyMap.get(node.key);
-    if (treeNode != null) {
-      let hasChildRows = treeNode.props?.UNSTABLE_childItems || treeNode.props?.children?.length > state.userColumnCount;
-      treeGridRowProps = {
-        onKeyDown: (e) => {
-          if ((e.key === EXPANSION_KEYS['expand'][direction]) && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== 'all' && !state.expandedKeys.has(treeNode.key)) {
-            state.toggleKey(treeNode.key);
-            e.stopPropagation();
-          } else if ((e.key === EXPANSION_KEYS['collapse'][direction]) && state.selectionManager.focusedKey === treeNode.key && hasChildRows && (state.expandedKeys === 'all' || state.expandedKeys.has(treeNode.key))) {
-            state.toggleKey(treeNode.key);
-            e.stopPropagation();
-          }
-        },
-        'aria-expanded': hasChildRows ? state.expandedKeys === 'all' || state.expandedKeys.has(node.key) : undefined,
-        'aria-level': treeNode.level,
-        'aria-posinset': (treeNode.indexOfType ?? 0) + 1,
-        'aria-setsize': treeNode.level > 1 ?
-          ((getLastItem(state.keyMap.get(treeNode.parentKey!)?.childNodes ?? []) as GridNode<T>)?.indexOfType ?? 0) + 1 :
-          ((getLastItem(state.collection.body.childNodes) as GridNode<T>)?.indexOfType ?? 0) + 1
-      };
-    }
-  }
-
-  let syntheticLinkProps = useSyntheticLinkProps(node.props);
-  let linkProps = states.hasAction ? syntheticLinkProps : {};
-  return {
-    rowProps: {
-      ...mergeProps(rowProps, treeGridRowProps, linkProps),
-      'aria-labelledby': getRowLabelledBy(state, node.key)
-    },
-    ...states
-  };
-}

package/src/useTableSelectionCheckbox.ts

@@ -1,72 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {AriaCheckboxProps} from '@react-types/checkbox';
-import {getRowLabelledBy} from './utils';
-// @ts-ignore
-import intlMessages from '../intl/*.json';
-import {Key} from '@react-types/shared';
-import {TableState} from '@react-stately/table';
-import {useGridSelectionCheckbox} from '@react-aria/grid';
-import {useLocalizedStringFormatter} from '@react-aria/i18n';
-
-export interface AriaTableSelectionCheckboxProps {
-  /** A unique key for the checkbox. */
-  key: Key
-}
-
-export interface TableSelectionCheckboxAria {
-  /** Props for the row selection checkbox element. */
-  checkboxProps: AriaCheckboxProps
-}
-
-export interface TableSelectAllCheckboxAria {
-  /** Props for the select all checkbox element. */
-  checkboxProps: AriaCheckboxProps
-}
-
-/**
- * Provides the behavior and accessibility implementation for a selection checkbox in a table.
- * @param props - Props for the selection checkbox.
- * @param state - State of the table, as returned by `useTableState`.
- */
-export function useTableSelectionCheckbox<T>(props: AriaTableSelectionCheckboxProps, state: TableState<T>): TableSelectionCheckboxAria {
-  let {key} = props;
-  const {checkboxProps} = useGridSelectionCheckbox(props, state);
-
-  return {
-    checkboxProps: {
-      ...checkboxProps,
-      'aria-labelledby': `${checkboxProps.id} ${getRowLabelledBy(state, key)}`
-    }
-  };
-}
-
-/**
- * Provides the behavior and accessibility implementation for the select all checkbox in a table.
- * @param props - Props for the select all checkbox.
- * @param state - State of the table, as returned by `useTableState`.
- */
-export function useTableSelectAllCheckbox<T>(state: TableState<T>): TableSelectAllCheckboxAria {
-  let {isEmpty, isSelectAll, selectionMode} = state.selectionManager;
-  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/table');
-
-  return {
-    checkboxProps: {
-      'aria-label': stringFormatter.format(selectionMode === 'single' ? 'select' : 'selectAll'),
-      isSelected: isSelectAll,
-      isDisabled: selectionMode !== 'multiple' || (state.collection.size === 0 || (state.collection.rows.length === 1 && state.collection.rows[0].type === 'loader')),
-      isIndeterminate: !isEmpty && !isSelectAll,
-      onChange: () => state.selectionManager.toggleSelectAll()
-    }
-  };
-}

package/src/utils.ts

@@ -1,49 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {Key} from '@react-types/shared';
-import {TableState} from '@react-stately/table';
-
-export const gridIds: WeakMap<TableState<unknown>, string> = new WeakMap<TableState<unknown>, string>();
-
-function normalizeKey(key: Key): string {
-  if (typeof key === 'string') {
-    return key.replace(/\s*/g, '');
-  }
-
-  return '' + key;
-}
-
-export function getColumnHeaderId<T>(state: TableState<T>, columnKey: Key): string {
-  let gridId = gridIds.get(state);
-  if (!gridId) {
-    throw new Error('Unknown grid');
-  }
-
-  return `${gridId}-${normalizeKey(columnKey)}`;
-}
-
-export function getCellId<T>(state: TableState<T>, rowKey: Key, columnKey: Key): string {
-  let gridId = gridIds.get(state);
-  if (!gridId) {
-    throw new Error('Unknown grid');
-  }
-
-  return `${gridId}-${normalizeKey(rowKey)}-${normalizeKey(columnKey)}`;
-}
-
-export function getRowLabelledBy<T>(state: TableState<T>, rowKey: Key): string {
-  // A row is labelled by it's row headers.
-  return [...state.collection.rowHeaderColumnKeys].map(columnKey =>
-    getCellId(state, rowKey, columnKey)
-  ).join(' ');
-}