@instructure/canvas-rce/es/rce/plugins/shared/Upload/UrlPanel.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 { string, func, bool, object } from 'prop-types';
import { TextInput } from '@instructure/ui-text-input';
import formatMessage from '../../../../format-message';
export default function UrlPanel({
  fileUrl,
  setFileUrl,
  urlHasError,
  urlRef
}) {
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextInput, {
    name: "file-url",
    renderLabel: formatMessage('File URL'),
    type: "url",
    value: fileUrl,
    onChange: (_e, val) => setFileUrl(val),
    messages: urlHasError ? [{
      text: formatMessage('Invalid URL'),
      type: 'error'
    }] : [],
    ref: urlRef
  }));
}
UrlPanel.propTypes = {
  fileUrl: string.isRequired,
  setFileUrl: func.isRequired,
  urlHasError: bool,
  urlRef: object
};