@instructure/canvas-rce 5.11.1 → 5.12.2

package/lib/getTranslations.js

@@ -1,264 +0,0 @@
-/*
- * 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/>.
- */
-
-/*
- * ********************************************************
- * This file is generated by scripts/installTranslations.js
- * as part of the build. DO NOT EDIT
- * ********************************************************
- */
-export default function getTranslations(locale) {
-  const transReadyPromise = new Promise((resolve, reject) => {
-    import('tinymce').then(() => {
-      let p;
-
-      switch (locale) {
-        case 'ar':
-          p = import('./translations/locales/ar');
-          break;
-
-        case 'ca':
-          p = import('./translations/locales/ca');
-          break;
-
-        case 'cy':
-          p = import('./translations/locales/cy');
-          break;
-
-        case 'da':
-          p = import('./translations/locales/da');
-          break;
-
-        case 'da-x-k12':
-          p = import('./translations/locales/da-x-k12');
-          break;
-
-        case 'de':
-          p = import('./translations/locales/de');
-          break;
-
-        case 'el':
-          p = import('./translations/locales/el');
-          break;
-
-        case 'en':
-          p = import('./translations/locales/en');
-          break;
-
-        case 'en-AU-x-unimelb':
-          p = import('./translations/locales/en-AU-x-unimelb');
-          break;
-
-        case 'en-GB-x-ukhe':
-          p = import('./translations/locales/en-GB-x-ukhe');
-          break;
-
-        case 'en-AU':
-          p = import('./translations/locales/en_AU');
-          break;
-
-        case 'en-CA':
-          p = import('./translations/locales/en_CA');
-          break;
-
-        case 'en-CY':
-          p = import('./translations/locales/en_CY');
-          break;
-
-        case 'en-GB':
-          p = import('./translations/locales/en_GB');
-          break;
-
-        case 'es':
-          p = import('./translations/locales/es');
-          break;
-
-        case 'es-ES':
-          p = import('./translations/locales/es_ES');
-          break;
-
-        case 'es-GT':
-          p = import('./translations/locales/es_GT');
-          break;
-
-        case 'fa-IR':
-          p = import('./translations/locales/fa_IR');
-          break;
-
-        case 'fi':
-          p = import('./translations/locales/fi');
-          break;
-
-        case 'fr':
-          p = import('./translations/locales/fr');
-          break;
-
-        case 'fr-CA':
-          p = import('./translations/locales/fr_CA');
-          break;
-
-        case 'he':
-          p = import('./translations/locales/he');
-          break;
-
-        case 'ht':
-          p = import('./translations/locales/ht');
-          break;
-
-        case 'hu':
-          p = import('./translations/locales/hu');
-          break;
-
-        case 'hy':
-          p = import('./translations/locales/hy');
-          break;
-
-        case 'is':
-          p = import('./translations/locales/is');
-          break;
-
-        case 'it':
-          p = import('./translations/locales/it');
-          break;
-
-        case 'ja':
-          p = import('./translations/locales/ja');
-          break;
-
-        case 'ko':
-          p = import('./translations/locales/ko');
-          break;
-
-        case 'mi':
-          p = import('./translations/locales/mi');
-          break;
-
-        case 'ms':
-          p = import('./translations/locales/ms');
-          break;
-
-        case 'nb':
-          p = import('./translations/locales/nb');
-          break;
-
-        case 'nb-x-k12':
-          p = import('./translations/locales/nb-x-k12');
-          break;
-
-        case 'nl':
-          p = import('./translations/locales/nl');
-          break;
-
-        case 'nn':
-          p = import('./translations/locales/nn');
-          break;
-
-        case 'pl':
-          p = import('./translations/locales/pl');
-          break;
-
-        case 'pt':
-          p = import('./translations/locales/pt');
-          break;
-
-        case 'pt-BR':
-          p = import('./translations/locales/pt_BR');
-          break;
-
-        case 'ru':
-          p = import('./translations/locales/ru');
-          break;
-
-        case 'se':
-          p = import('./translations/locales/se');
-          break;
-
-        case 'sl':
-          p = import('./translations/locales/sl');
-          break;
-
-        case 'sv':
-          p = import('./translations/locales/sv');
-          break;
-
-        case 'sv-x-k12':
-          p = import('./translations/locales/sv-x-k12');
-          break;
-
-        case 'sv-SE':
-          p = import('./translations/locales/sv_SE');
-          break;
-
-        case 'tg':
-          p = import('./translations/locales/tg');
-          break;
-
-        case 'th':
-          p = import('./translations/locales/th');
-          break;
-
-        case 'th-TH':
-          p = import('./translations/locales/th_TH');
-          break;
-
-        case 'tr':
-          p = import('./translations/locales/tr');
-          break;
-
-        case 'uk-UA':
-          p = import('./translations/locales/uk_UA');
-          break;
-
-        case 'vi':
-          p = import('./translations/locales/vi');
-          break;
-
-        case 'vi-VN':
-          p = import('./translations/locales/vi_VN');
-          break;
-
-        case 'zh':
-          p = import('./translations/locales/zh');
-          break;
-
-        case 'zh-Hans':
-          p = import('./translations/locales/zh-Hans');
-          break;
-
-        case 'zh-Hant':
-          p = import('./translations/locales/zh-Hant');
-          break;
-
-        case 'zh-HK':
-          p = import('./translations/locales/zh_HK');
-          break;
-
-        default:
-          p = Promise.resolve(null);
-      }
-
-      p.then(resolve).catch(reject);
-    }).catch(() => {
-      throw new Error('Failed loading tinymce.');
-    });
-  });
-  return transReadyPromise;
-}
-export function getLocaleList() {
-  return ['ar', 'ca', 'cy', 'da', 'da-x-k12', 'de', 'el', 'en', 'en-AU-x-unimelb', 'en-GB-x-ukhe', 'en-AU', 'en-CA', 'en-CY', 'en-GB', 'es', 'es-ES', 'es-GT', 'fa-IR', 'fi', 'fr', 'fr-CA', 'he', 'ht', 'hu', 'hy', 'is', 'it', 'ja', 'ko', 'mi', 'ms', 'nb', 'nb-x-k12', 'nl', 'nn', 'pl', 'pt', 'pt-BR', 'ru', 'se', 'sl', 'sv', 'sv-x-k12', 'sv-SE', 'tg', 'th', 'th-TH', 'tr', 'uk-UA', 'vi', 'vi-VN', 'zh', 'zh-Hans', 'zh-Hant', 'zh-HK'];
-}

package/lib/index.js

@@ -1,51 +0,0 @@
-/*
- * 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 normalizeLocale from './rce/normalizeLocale';
-import { renderIntoDiv as render } from './rce/root';
-import { headerFor, originFromHost } from './rcs/api';
-import getTranslations from './getTranslations';
-import defaultTinymceConfig from './defaultTinymceConfig';
-import { setLocale } from './common/natcompare';
-import Mathml from './enhance-user-content/mathml';
-export * from './enhance-user-content/index';
-export const defaultConfiguration = defaultTinymceConfig;
-export { instuiPopupMountNode } from './util/fullscreenHelpers';
-export { Mathml };
-export function renderIntoDiv(editorEl, props, cb) {
-  const language = normalizeLocale(props.language);
-  setLocale(language);
-
-  if (undefined || language === 'en') {
-    render(editorEl, props, cb);
-  } else {
-    // unlike the pretranslated builds, in the default, non-pretranslated build,
-    // this will cause a new network round trip to get all the locale info the rce
-    // and tinymce need.
-    getTranslations(language).then(() => render(editorEl, props, cb)).catch(err => {
-      // eslint-disable-next-line no-console
-      console.error('Failed loading the language file for', language, 'RCE is falling back to English.\n Cause:', err);
-      render(editorEl, props, cb);
-    });
-  }
-}
-export function getRCSAuthenticationHeaders(jwt) {
-  return headerFor(jwt);
-}
-export function getRCSOriginFromHost(host) {
-  return originFromHost(host);
-}

package/lib/rce/AlertMessageArea.js

@@ -1,47 +0,0 @@
-/*
- * 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 { Alert } from '@instructure/ui-alerts';
-import React from 'react';
-import { arrayOf, func, number, shape, string } from 'prop-types';
-/**
- * Shows messages that have been provided to it in the RCE
- */
-
-export default function AlertMessageArea(_ref) {
-  let {
-    messages,
-    afterDismiss,
-    liveRegion
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", null, messages.map(message => /*#__PURE__*/React.createElement(Alert, {
-    key: message.id,
-    variant: message.variant || message.type || 'info',
-    timeout: 10000,
-    liveRegion: liveRegion,
-    onDismiss: () => afterDismiss(message.id)
-  }, message.text)));
-}
-AlertMessageArea.propTypes = {
-  messages: arrayOf(shape({
-    id: number,
-    variant: string,
-    text: string
-  })).isRequired,
-  afterDismiss: func,
-  liveRegion: func.isRequired
-};

package/lib/rce/DraggingBlocker.js

@@ -1,43 +0,0 @@
-/*
- * 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 } from 'prop-types'; // The purpose of the dragging blocker is to keep the TinyMCE iframe from
-// intercepting and swallowing the mouse events if the mouse winds up over the
-// iframe while performing the drag. This is what TinyMCE itself does with its
-// own resize handle.
-
-export default function DraggingBlocker(props) {
-  if (props.dragging) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        cursor: 'ns-resize',
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        width: '100%',
-        height: '100%',
-        zIndex: '1000000000000'
-      }
-    });
-  } else {
-    return null;
-  }
-}
-DraggingBlocker.propTypes = {
-  dragging: bool.isRequired
-};

package/lib/rce/KeyboardShortcutModal.js

@@ -1,88 +0,0 @@
-/*
- * 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 } from 'prop-types';
-import { Heading } from '@instructure/ui-heading';
-import { Text } from '@instructure/ui-text';
-import { Table } from '@instructure/ui-table';
-import { Modal } from '@instructure/ui-modal';
-import { CloseButton } from '@instructure/ui-buttons';
-import { View } from '@instructure/ui-view';
-import formatMessage from '../format-message';
-import { determineOSDependentKey } from './userOS';
-import { instuiPopupMountNode } from '../util/fullscreenHelpers';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-export default function KeyboardShortcutModal(props) {
-  const OSKey = determineOSDependentKey();
-  return /*#__PURE__*/React.createElement(Modal, {
-    "data-testid": "RCE_KeyboardShortcutModal",
-    "data-mce-component": true,
-    label: formatMessage('Keyboard Shortcuts'),
-    mountNode: instuiPopupMountNode,
-    open: props.open,
-    shouldCloseOnDocumentClick: true,
-    shouldReturnFocus: true,
-    size: "auto",
-    onClose: props.onClose,
-    onExited: props.onExited,
-    onDismiss: props.onDismiss
-  }, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(CloseButton, {
-    placement: "end",
-    offset: "medium",
-    color: "primary",
-    onClick: props.onDismiss,
-    screenReaderLabel: formatMessage('Close')
-  }), /*#__PURE__*/React.createElement(Heading, null, formatMessage('Keyboard Shortcuts'))), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    padding: "x-small xx-large large x-large"
-  }, /*#__PURE__*/React.createElement(Table, {
-    margin: "small",
-    caption: formatMessage('Keyboard Shortcuts')
-  }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
-    id: "shortcut_header"
-  }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, formatMessage('Shortcut'))), /*#__PURE__*/React.createElement(Table.ColHeader, {
-    id: "description_header"
-  }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, formatMessage('Description'))))), /*#__PURE__*/React.createElement(Table.Body, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    weight: "bold"
-  }, OSKey, "+F8")), /*#__PURE__*/React.createElement(Table.Cell, null, formatMessage('Open this keyboard shortcuts dialog'))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    weight: "bold"
-  }, formatMessage('SHIFT+Arrows'))), /*#__PURE__*/React.createElement(Table.Cell, null, formatMessage('Highlight an element to activate the element options toolbar'))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    weight: "bold"
-  }, "CTRL+F9")), /*#__PURE__*/React.createElement(Table.Cell, null, formatMessage('Focus element options toolbar'))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    weight: "bold"
-  }, OSKey, "+F9")), /*#__PURE__*/React.createElement(Table.Cell, null, formatMessage("Go to the editor's menubar"))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    weight: "bold"
-  }, OSKey, "+F10")), /*#__PURE__*/React.createElement(Table.Cell, null, formatMessage("Go to the editor's toolbar"))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    weight: "bold"
-  }, "ESC")), /*#__PURE__*/React.createElement(Table.Cell, null, formatMessage('Close a menu or dialog. Also returns you to the editor area'))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    weight: "bold"
-  }, formatMessage('TAB/Arrows'))), /*#__PURE__*/React.createElement(Table.Cell, null, formatMessage('Navigate through the menu or toolbar'))))), /*#__PURE__*/React.createElement(View, {
-    as: "p",
-    padding: "large 0 0 0",
-    margin: "0 0 0 small"
-  }, formatMessage('Other editor shortcuts may be found at'), ' ', /*#__PURE__*/React.createElement("a", {
-    href: "https://www.tiny.cloud/docs/advanced/keyboard-shortcuts/",
-    target: "rcekbshortcut"
-  }, "https://www.tiny.cloud/docs/advanced/keyboard-shortcuts/")))));
-}
-KeyboardShortcutModal.propTypes = {
-  open: bool.isRequired,
-  onClose: func,
-  onDismiss: func.isRequired,
-  onExited: func
-};

package/lib/rce/RCE.js

@@ -1,150 +0,0 @@
-// @ts-nocheck
-
-/*
- * 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 React, { forwardRef, useState } from 'react';
-import formatMessage from '../format-message';
-import RCEWrapper from './RCEWrapper';
-import editorLanguage from './editorLanguage';
-import normalizeLocale from './normalizeLocale';
-import wrapInitCb from './wrapInitCb';
-import tinyRCE from './tinyRCE';
-import getTranslations from '../getTranslations';
-import '@instructure/canvas-theme';
-
-if (!process || !process.env || !undefined) {
-  formatMessage.setup({
-    locale: 'en',
-    generateId: require('format-message-generate-id/underscored_crc32'),
-    missingTranslation: 'ignore'
-  });
-} // forward rceRef to it refs the RCEWrapper where clients can call getCode etc. on it.
-// You probably shouldn't use it until onInit has been called. Until then tinymce
-// is not initialized.
-
-
-const RCE = /*#__PURE__*/forwardRef(function RCE(props, rceRef) {
-  const {
-    autosave,
-    canvasOrigin,
-    defaultContent,
-    editorOptions,
-    // tinymce config
-    height,
-    highContrastCSS,
-    instRecordDisabled,
-    language,
-    liveRegion,
-    mirroredAttrs,
-    // attributes to transfer from the original textarea to the one created by tinymce
-    readOnly,
-    textareaId,
-    textareaClassName,
-    rcsProps,
-    use_rce_icon_maker,
-    features,
-    onFocus,
-    onBlur,
-    onInit,
-    onContentChange,
-    ...rest
-  } = props;
-  useState(() => {
-    formatMessage.setup({
-      locale: normalizeLocale(props.language)
-    });
-  });
-  const [translations, setTranslations] = useState(() => {
-    const locale = normalizeLocale(props.language);
-    const p = getTranslations(locale).then(() => {
-      setTranslations(true);
-    }).catch(err => {
-      // eslint-disable-next-line no-console
-      console.error('Failed loading the language file for', locale, '\n Cause:', err);
-      setTranslations(false);
-    });
-    return p;
-  }); // some properties are only used on initialization
-  // Languages are a bit of a mess since Tinymce and Canvas
-  // have 2 different sets of language names. normalizeLocale
-  // takes the language prop and returns the locale Canvas knows,
-  // editorLanguage takes the language prop and returns the
-  // corresponding locale for tinymce.
-
-  const [initOnlyProps] = useState(() => {
-    const iProps = {
-      autosave,
-      canvasOrigin,
-      defaultContent,
-      highContrastCSS,
-      instRecordDisabled,
-      language: normalizeLocale(language),
-      liveRegion,
-      textareaId,
-      textareaClassName,
-      trayProps: rcsProps,
-      use_rce_icon_maker,
-      features,
-      editorOptions: { ...editorOptions,
-        selector: (editorOptions === null || editorOptions === void 0 ? void 0 : editorOptions.selector) || `#${textareaId}`,
-        height,
-        language: editorLanguage(props.language)
-      }
-    };
-    wrapInitCb(mirroredAttrs, iProps.editorOptions);
-    return iProps;
-  });
-
-  if (typeof translations !== 'boolean') {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, formatMessage('Loading...'));
-  } else {
-    return /*#__PURE__*/React.createElement(RCEWrapper, Object.assign({
-      ref: rceRef,
-      tinymce: tinyRCE,
-      readOnly: readOnly
-    }, initOnlyProps, {
-      onFocus: onFocus,
-      onBlur: onBlur,
-      onContentChange: onContentChange,
-      onInitted: onInit
-    }, rest));
-  }
-});
-const defaultProps = {
-  autosave: {
-    enabled: false,
-    maxAge: 3600000
-  },
-  defaultContent: '',
-  editorOptions: {},
-  renderKBShortcutModal: true,
-  highContrastCSS: [],
-  instRecordDisabled: false,
-  language: 'en',
-  liveRegion: () => document.getElementById('flash_screenreader_holder'),
-  maxInitRenderedRCEs: -1,
-  mirroredAttrs: {},
-  readOnly: false,
-  use_rce_icon_maker: true,
-  onFocus: () => undefined,
-  onBlur: () => undefined,
-  onContentChange: () => undefined,
-  onInit: () => undefined
-};
-RCE.defaultProps = defaultProps;
-export default RCE;