SWAMPy

✎ CARVE FLESH

EDITING: DetailsToggle.js

/*
 * Copyright (C) 2018 - 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 {arrayOf, string} from 'prop-types'

import {ToggleDetails} from '@instructure/ui-toggle-details'
import {Text} from '@instructure/ui-text'
import {View} from '@instructure/ui-view'

import propTypes from '@canvas/permissions/react/propTypes'

class DetailsToggle extends React.Component {
  static propTypes = {
    title: string.isRequired,
    detailItems: arrayOf(propTypes.permissionDetails).isRequired,
  }

renderDetailGroup(item, key) {
    return (
      <View key={key} margin="none small none small" padding="small">
        {item.title && (
          <Text weight="bold" as="div">
            {item.title}
          </Text>
        )}
        <Text weight="normal" as="div">
          {item.description}
        </Text>
      </View>
    )
  }

render() {
    if (!this.props.detailItems || this.props.detailItems.length === 0) {
      return null
    }
    return (
      <ToggleDetails
        summary={
          <Text weight="bold" transform="uppercase" as="h3">
            {this.props.title}
          </Text>
        }
      >
        {this.props.detailItems.map((item, index) => this.renderDetailGroup(item, index))}
      </ToggleDetails>
    )
  }
}

export default DetailsToggle

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:39
📄 AddTray.js	JS	7.6 KB	2023-09-24 03:39	EDIT
📄 DetailsToggle.js	JS	1.9 KB	2023-09-24 03:39	EDIT
📄 GranularCheckbox.js	JS	2.9 KB	2023-09-24 03:39	EDIT
📄 PermissionButton.js	JS	10.8 KB	2023-09-24 03:39	EDIT
📄 PermissionsIndex.js	JS	8.2 KB	2023-09-24 03:39	EDIT
📄 PermissionsTable.js	JS	11.2 KB	2023-09-24 03:39	EDIT
📄 PermissionTray.js	JS	6.7 KB	2023-09-24 03:39	EDIT
📄 RoleTray.js	JS	17.3 KB	2023-09-24 03:39	EDIT
📄 RoleTrayTable.js	JS	1.5 KB	2023-09-24 03:39	EDIT
📄 RoleTrayTableRow.js	JS	4.1 KB	2023-09-24 03:39	EDIT