░▒▓████████████████████████████████▓▒░ ░▒▓█ ▓▒░ ░▒▓█ ~ S W A M P ~ ▓▒░ ░▒▓█ ▓▒░ ░▒▓████████████████████████████████▓▒░
pplmvsvm
LOCATION:
/var/www/canvas/ui/shared/svg-wrapper/react
☗ ROOT
↻ REFRESH
✎ CARVE FLESH
EDITING: index.js
/* * Copyright (C) 2015 - 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 PropTypes from 'prop-types' import $ from 'jquery' const DOCUMENT_NODE = 9 const ELEMENT_NODE = 1 class SVGWrapper extends React.Component { static propTypes = { url: PropTypes.string.isRequired, fillColor: PropTypes.string, } componentDidMount() { this.fetchSVG() } UNSAFE_componentWillReceiveProps(newProps) { if (newProps.url !== this.props.url) { this.fetchSVG() } } fetchSVG() { if (process.env.NODE_ENV === 'test') return $.ajax(this.props.url, { success: data => { this.svg = data if (data.nodeType === DOCUMENT_NODE) { this.svg = data.firstChild } if (this.svg.nodeType !== ELEMENT_NODE && this.svg.nodeName !== 'SVG') { throw new Error( `SVGWrapper: SVG Element must be returned by request to ${this.props.url}` ) } if (this.props.fillColor) { this.svg.setAttribute('style', `fill:${this.props.fillColor}`) } this.svg.setAttribute('focusable', false) this.rootSpan.appendChild(this.svg) }, }) } render() { return ( <span ref={c => { this.rootSpan = c }} /> ) } } export default SVGWrapper
CANCEL
Name
Type
Size
Modified
Actions
↩ ..
DIR
—
—
📄 index.js
JS
1.9 KB
2023-09-24 03:39
EDIT