polaris-glints/build/esm/utilities/index-provider/hooks.js

Glints forked polaris react

import { useContext, useRef, useCallback } from 'react';
import { SELECT_ALL_ITEMS, SelectionType } from './types.js';
import { IndexSelectionChangeContext, IndexRowContext, IndexContext } from './context.js';

function useIndexSelectionChange() {
  const onSelectionChange = useContext(IndexSelectionChangeContext);

  if (!onSelectionChange) {
    throw new Error(`Missing IndexProvider context`);
  }

  return onSelectionChange;
}
function useIndexRow() {
  const indexRow = useContext(IndexRowContext);

  if (!indexRow) {
    throw new Error(`Missing IndexProvider context`);
  }

  return indexRow;
}
function useIndexValue() {
  const index = useContext(IndexContext);

  if (!index) {
    throw new Error(`Missing IndexProvider context`);
  }

  return index;
}
function useBulkSelectionData({
  selectedItemsCount,
  itemCount,
  hasMoreItems,
  resourceName: passedResourceName
}) {
  const selectable = Boolean(selectedItemsCount);
  const selectMode = selectedItemsCount === 'All' || selectedItemsCount > 0;
  const defaultResourceName = {
    singular: 'Item',
    plural: 'Items'
  };
  const resourceName = passedResourceName ? passedResourceName : defaultResourceName;
  const paginatedSelectAllText = getPaginatedSelectAllText();
  const bulkActionsLabel = getBulkActionsLabel();
  const bulkActionsAccessibilityLabel = getBulkActionsAccessibilityLabel();
  let bulkSelectState = 'indeterminate';

  if (!selectedItemsCount || selectedItemsCount === 0) {
    bulkSelectState = undefined;
  } else if (selectedItemsCount === SELECT_ALL_ITEMS || selectedItemsCount === itemCount) {
    bulkSelectState = true;
  }

  return {
    paginatedSelectAllText,
    bulkActionsLabel,
    bulkActionsAccessibilityLabel,
    resourceName,
    selectMode,
    bulkSelectState,
    selectable
  };

  function getPaginatedSelectAllText() {
    if (!selectable || !hasMoreItems) {
      return;
    }

    if (selectedItemsCount === SELECT_ALL_ITEMS) {
      return `All ${itemCount}+ ${resourceName.plural.toLocaleLowerCase()} are selected.`;
    }
  }

  function getBulkActionsLabel() {
    const selectedItemsCountLabel = selectedItemsCount === SELECT_ALL_ITEMS ? `${itemCount}+` : selectedItemsCount;
    return `${selectedItemsCountLabel} selected.`;
  }

  function getBulkActionsAccessibilityLabel() {
    const totalItemsCount = itemCount;
    const allSelected = selectedItemsCount === totalItemsCount;

    if (totalItemsCount === 1 && allSelected) {
      return `Deselect ${resourceName.singular}`;
    } else if (totalItemsCount === 1) {
      return `Select ${resourceName.singular}`;
    } else if (allSelected) {
      return `Deselect all ${itemCount} ${resourceName.plural}`;
    } else {
      return `Select all ${itemCount} ${resourceName.plural}`;
    }
  }
}
function useHandleBulkSelection({
  onSelectionChange = () => {}
}) {
  const lastSelected = useRef(null);
  const handleSelectionChange = useCallback((selectionType, toggleType, selection, sortOrder) => {
    const prevSelected = lastSelected.current;

    if (SelectionType.Multi && typeof sortOrder === 'number') {
      lastSelected.current = sortOrder;
    }

    if (selectionType === SelectionType.Single || selectionType === SelectionType.Multi && (typeof prevSelected !== 'number' || typeof sortOrder !== 'number')) {
      onSelectionChange(SelectionType.Single, toggleType, selection);
    } else if (selectionType === SelectionType.Multi) {
      const min = Math.min(prevSelected, sortOrder);
      const max = Math.max(prevSelected, sortOrder);
      onSelectionChange(selectionType, toggleType, [min, max]);
    } else if (selectionType === SelectionType.Page || selectionType === SelectionType.All) {
      onSelectionChange(selectionType, toggleType);
    }
  }, [onSelectionChange]);
  return handleSelectionChange;
}

export { useBulkSelectionData, useHandleBulkSelection, useIndexRow, useIndexSelectionChange, useIndexValue };