@instructure/canvas-rce/es/rce/plugins/instructure_links/components/LinksPanel.js

A component wrapping Canvas's usage of Tinymce

/*
 * Copyright (C) 2019 - 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 React from 'react';
import { bool, func, string } from 'prop-types';
import formatMessage from '../../../../format-message';
import { collectionsShape, linkShape } from './propTypes';
import NavigationPanel from './NavigationPanel';
import CollectionPanel from './CollectionPanel';
import { View } from '@instructure/ui-view';
function LinksPanel(props) {
  const isCourse = props.contextType === 'course';
  const isGroup = props.contextType === 'group';
  const commonCollectionProps = {
    collections: props.collections,
    contextId: props.contextId,
    contextType: props.contextType,
    fetchInitialPage: props.fetchInitialPage,
    fetchNextPage: props.fetchNextPage,
    newPageLinkExpanded: props.newPageLinkExpanded,
    onChangeAccordion: props.onChangeAccordion,
    onLinkClick: props.onLinkClick,
    renderNewPageLink: props.renderNewPageLink,
    searchString: props.searchString,
    selectedAccordionIndex: props.selectedAccordionIndex,
    suppressRenderEmpty: props.suppressRenderEmpty,
    toggleNewPageForm: props.toggleNewPageForm
  };
  return /*#__PURE__*/React.createElement(View, {
    as: "div",
    "data-testid": "instructure_links-LinksPanel"
  }, (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
    editing: props.editing,
    onEditClick: props.onEditClick,
    selectedLink: props.selectedLink,
    collection: "wikiPages",
    label: formatMessage('Pages')
  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
    editing: props.editing,
    onEditClick: props.onEditClick,
    selectedLink: props.selectedLink,
    collection: "assignments",
    label: formatMessage('Assignments')
  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
    editing: props.editing,
    onEditClick: props.onEditClick,
    selectedLink: props.selectedLink,
    collection: "quizzes",
    label: formatMessage('Quizzes')
  })), (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
    editing: props.editing,
    onEditClick: props.onEditClick,
    selectedLink: props.selectedLink,
    collection: "announcements",
    label: formatMessage('Announcements')
  })), (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
    editing: props.editing,
    onEditClick: props.onEditClick,
    selectedLink: props.selectedLink,
    collection: "discussions",
    label: formatMessage('Discussions')
  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
    editing: props.editing,
    onEditClick: props.onEditClick,
    selectedLink: props.selectedLink,
    collection: "modules",
    label: formatMessage('Modules')
  })), /*#__PURE__*/React.createElement(NavigationPanel, {
    contextType: props.contextType,
    contextId: props.contextId,
    onLinkClick: props.onLinkClick,
    onChangeAccordion: props.onChangeAccordion,
    selectedAccordionIndex: props.selectedAccordionIndex,
    editing: props.editing,
    onEditClick: props.onEditClick
  }));
}
LinksPanel.propTypes = {
  selectedAccordionIndex: string,
  onChangeAccordion: func,
  contextType: string.isRequired,
  contextId: string.isRequired,
  searchString: string,
  collections: collectionsShape.isRequired,
  fetchInitialPage: func,
  fetchNextPage: func,
  onLinkClick: func,
  canCreatePages: bool,
  editing: bool,
  onEditClick: func,
  selectedLink: linkShape
};
LinksPanel.defaultProps = {
  selectedAccordionIndex: '',
  editing: false
};
export default LinksPanel;