TanTan
e311ca3275
Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
73 lines
2.8 KiB
Plaintext
73 lines
2.8 KiB
Plaintext
/*
|
|
* 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()
|
|
}
|
|
};
|
|
}
|