SWAMPy

✎ CARVE FLESH

EDITING: useSelectedOutcomes.js

/*
 * Copyright (C) 2021 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import {useReducer, useCallback} from 'react'

const useSelectedOutcomes = (initialValue = new Set()) => {
  const reducer = (prevState, action) => {
    switch (action.type) {
      case 'clear': {
        return new Set()
      }
      case 'remove': {
        const {linkId} = action.payload
        const newState = new Set(prevState)
        if (newState.has(linkId)) {
          newState.delete(linkId)
        }
        return newState
      }
      case 'toggle': {
        const {linkId} = action.payload
        const newState = new Set(prevState)
        if (newState.has(linkId)) {
          newState.delete(linkId)
        } else {
          newState.add(linkId)
        }
        return newState
      }
      default:
        return prevState
    }
  }
  // reducer supports limited number of actions so they are hard coded as functions
  const [selectedOutcomeIds, dispatchSelectedOutcomeIds] = useReducer(reducer, initialValue)
  const selectedOutcomesCount = selectedOutcomeIds.size
  const toggleSelectedOutcomes = useCallback(
    outcome => dispatchSelectedOutcomeIds({type: 'toggle', payload: {linkId: outcome.linkId}}),
    []
  )
  const clearSelectedOutcomes = useCallback(() => dispatchSelectedOutcomeIds({type: 'clear'}), [])
  const removeSelectedOutcome = useCallback(
    outcome => dispatchSelectedOutcomeIds({type: 'remove', payload: {linkId: outcome.linkId}}),
    []
  )
  return {
    selectedOutcomeIds,
    selectedOutcomesCount,
    toggleSelectedOutcomes,
    clearSelectedOutcomes,
    removeSelectedOutcome,
    dispatchSelectedOutcomeIds,
  }
}

export default useSelectedOutcomes

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:39
📄 useBoolean.js	JS	1022 B	2023-09-24 03:36	EDIT
📄 useCanvasContext.js	JS	2.1 KB	2023-09-24 03:39	EDIT
📄 useCourseAlignments.js	JS	3.8 KB	2023-09-24 03:39	EDIT
📄 useCourseAlignmentStats.js	JS	1.6 KB	2023-09-24 03:36	EDIT
📄 useGroupCreate.js	JS	2.3 KB	2023-09-24 03:36	EDIT
📄 useGroupDetail.js	JS	8.4 KB	2023-09-24 03:36	EDIT
📄 useInput.js	JS	1.2 KB	2023-09-24 03:36	EDIT
📄 useInputFocus.js	JS	1.1 KB	2023-09-24 03:36	EDIT
📄 useLhsTreeBrowserSelectParentGroup.js	JS	2.9 KB	2023-09-24 03:36	EDIT
📄 useModal.js	JS	1011 B	2023-09-24 03:36	EDIT
📄 useOutcomeFormValidate.js	JS	3.2 KB	2023-09-24 03:36	EDIT
📄 useOutcomesImport.js	JS	7.3 KB	2023-09-24 03:36	EDIT
📄 useOutcomesRemove.js	JS	3.8 KB	2023-09-24 03:36	EDIT
📄 useRatings.js	JS	5.7 KB	2023-09-24 03:39	EDIT
📄 useResize.js	JS	3.9 KB	2023-09-24 03:36	EDIT
📄 useSearch.js	JS	1.5 KB	2023-09-24 03:36	EDIT
📄 useSelectedOutcomes.js	JS	2.3 KB	2023-09-24 03:36	EDIT