@instructure/canvas-rce 5.11.1 → 5.12.2

package/lib/rce/plugins/instructure_documents/clickCallback.js

@@ -1,23 +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 doFileUpload from '../shared/Upload/doFileUpload';
-export default function (ed, document) {
-  return doFileUpload(ed, document, {
-    panels: ['COMPUTER']
-  }).shownPromise;
-}

package/lib/rce/plugins/instructure_documents/components/DocumentsPanel.js

@@ -1,126 +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, { useRef } from 'react';
-import { arrayOf, bool, func, shape, string, objectOf, oneOf } from 'prop-types';
-import { fileShape } from '../../shared/fileShape';
-import formatMessage from '../../../../format-message';
-import { Text } from '@instructure/ui-text';
-import { View } from '@instructure/ui-view';
-import Link from './Link';
-import { LoadMoreButton, LoadingIndicator, LoadingStatus, useIncrementalLoading } from '../../../../common/incremental-loading';
-
-function hasFiles(documents) {
-  return documents.files.length > 0;
-}
-
-function isEmpty(documents) {
-  return !hasFiles(documents) && !documents.hasMore && !documents.isLoading;
-}
-
-function renderLinks(files, handleClick, lastItemRef) {
-  return files.map((f, index) => {
-    let focusRef = null;
-
-    if (index === files.length - 1) {
-      focusRef = lastItemRef;
-    }
-
-    return /*#__PURE__*/React.createElement(Link, Object.assign({
-      key: f.id
-    }, f, {
-      onClick: handleClick,
-      focusRef: focusRef
-    }));
-  });
-}
-
-function renderLoadingError(_error) {
-  return /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    role: "alert",
-    margin: "medium"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "danger"
-  }, formatMessage('Loading failed.')));
-}
-
-export default function DocumentsPanel(props) {
-  const {
-    fetchInitialDocs,
-    fetchNextDocs,
-    contextType,
-    sortBy,
-    searchString
-  } = props;
-  const documents = props.documents[contextType];
-  const {
-    hasMore,
-    isLoading,
-    error,
-    files
-  } = documents;
-  const lastItemRef = useRef(null);
-  const loader = useIncrementalLoading({
-    hasMore,
-    isLoading,
-    lastItemRef,
-    onLoadInitial: fetchInitialDocs,
-    onLoadMore: fetchNextDocs,
-    records: files,
-    contextType,
-    sortBy,
-    searchString
-  });
-
-  const handleDocClick = file => {
-    props.onLinkClick(file);
-  };
-
-  return /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    "data-testid": "instructure_links-DocumentsPanel"
-  }, renderLinks(files, handleDocClick, lastItemRef), loader.isLoading && /*#__PURE__*/React.createElement(LoadingIndicator, {
-    loader: loader
-  }), !loader.isLoading && loader.hasMore && /*#__PURE__*/React.createElement(LoadMoreButton, {
-    loader: loader
-  }), /*#__PURE__*/React.createElement(LoadingStatus, {
-    loader: loader
-  }), error && renderLoadingError(error), isEmpty(documents) && /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    role: "alert",
-    padding: "medium"
-  }, formatMessage('No results.')));
-}
-DocumentsPanel.propTypes = {
-  contextType: string.isRequired,
-  fetchInitialDocs: func.isRequired,
-  fetchNextDocs: func.isRequired,
-  onLinkClick: func.isRequired,
-  documents: objectOf(shape({
-    files: arrayOf(shape(fileShape)).isRequired,
-    bookmark: string,
-    hasMore: bool,
-    isLoading: bool,
-    error: string
-  })).isRequired,
-  sortBy: shape({
-    sort: oneOf(['date_added', 'alphabetical']).isRequired,
-    order: oneOf(['asc', 'desc']).isRequired
-  }).isRequired,
-  searchString: string
-};

package/lib/rce/plugins/instructure_documents/components/Link.js

@@ -1,219 +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, { useState } from 'react';
-import { func, instanceOf, shape } from 'prop-types';
-import { fileOrMediaObjectShape } from '../../shared/fileShape';
-import classnames from 'classnames';
-import { AccessibleContent } from '@instructure/ui-a11y-content';
-import { Flex } from '@instructure/ui-flex';
-import { View } from '@instructure/ui-view';
-import { Text } from '@instructure/ui-text';
-import { IconDragHandleLine, IconPublishSolid, IconUnpublishedSolid } from '@instructure/ui-icons';
-import formatMessage from '../../../../format-message';
-import { renderLink as renderLinkHtml } from '../../../contentRendering';
-import dragHtml from '../../../../sidebar/dragHtml';
-import { getIconFromType } from '../../shared/fileTypeUtils';
-import { isPreviewable } from '../../shared/Previewable';
-import { applyTimezoneOffsetToDate } from '../../shared/dateUtils';
-import RCEGlobals from '../../../RCEGlobals';
-export default function Link(props) {
-  var _RCEGlobals$getConfig;
-
-  const [isHovering, setIsHovering] = useState(false);
-  const {
-    filename,
-    display_name,
-    title,
-    content_type,
-    published,
-    date,
-    disabled,
-    disabledMessage
-  } = props;
-  const Icon = getIconFromType(content_type);
-  const color = published ? 'success' : 'primary'; // Uses user locale and timezone
-
-  const configuredTimezone = (_RCEGlobals$getConfig = RCEGlobals.getConfig()) === null || _RCEGlobals$getConfig === void 0 ? void 0 : _RCEGlobals$getConfig.timezone;
-  const dateString = formatMessage.date(applyTimezoneOffsetToDate(date, configuredTimezone), 'long');
-  const publishedMsg = published ? formatMessage('published') : formatMessage('unpublished');
-
-  function linkAttrsFromDoc() {
-    const canPreview = isPreviewable(props.content_type);
-    const clazz = classnames('instructure_file_link', {
-      instructure_scribd_file: canPreview,
-      inline_disabled: true
-    });
-    const attrs = {
-      id: props.id,
-      href: props.href,
-      target: '_blank',
-      class: clazz,
-      text: props.display_name || props.filename,
-      // because onClick only takes a single object
-      content_type: props.content_type,
-      // files have this
-      // media_objects have these
-      title: props.title,
-      type: props.type,
-      embedded_iframe_url: props.embedded_iframe_url,
-      media_entry_id: props.media_entry_id
-    };
-
-    if (canPreview) {
-      attrs['data-canvas-previewable'] = true;
-    }
-
-    return attrs;
-  }
-
-  function handleLinkClick(e) {
-    e.preventDefault();
-    props.onClick(linkAttrsFromDoc());
-  }
-
-  function handleLinkKey(e) {
-    // press the button on enter or space
-    if (e.keyCode === 13 || e.keyCode === 32) {
-      handleLinkClick(e);
-    }
-  }
-
-  function handleDragStart(e) {
-    const linkAttrs = linkAttrsFromDoc();
-    dragHtml(e, renderLinkHtml(linkAttrs, linkAttrs.text));
-  }
-
-  function handleDragEnd(_e) {
-    document.body.click();
-  }
-
-  function handleHover(e) {
-    setIsHovering(e.type === 'mouseenter');
-  }
-
-  function buildCallback(callback) {
-    if (disabled) return;
-    return callback;
-  }
-
-  function dateOrMessage(str) {
-    if (disabled && disabledMessage) {
-      return /*#__PURE__*/React.createElement(View, {
-        display: "block"
-      }, /*#__PURE__*/React.createElement("span", {
-        style: textStyles()
-      }, /*#__PURE__*/React.createElement(Text, {
-        fontStyle: "italic"
-      }, disabledMessage)));
-    }
-
-    if (str) {
-      return /*#__PURE__*/React.createElement(View, {
-        as: "div"
-      }, str);
-    }
-  }
-
-  function textStyles() {
-    if (disabled) return {
-      color: 'gray'
-    };
-    return {};
-  }
-
-  let elementRef = null;
-
-  if (props.focusRef) {
-    elementRef = ref => props.focusRef.current = ref;
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "instructure_links-Link",
-    draggable: true,
-    onDragStart: buildCallback(handleDragStart),
-    onDragEnd: buildCallback(handleDragEnd),
-    onMouseEnter: buildCallback(handleHover),
-    onMouseLeave: buildCallback(handleHover),
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    role: "button",
-    position: "relative",
-    focusPosition: "inset",
-    focusColor: "info",
-    tabIndex: 0,
-    "aria-describedby": props.describedByID,
-    elementRef: elementRef,
-    background: "primary",
-    borderWidth: "0 0 small 0",
-    padding: "x-small",
-    width: "100%",
-    onClick: buildCallback(handleLinkClick),
-    onKeyDown: buildCallback(handleLinkKey),
-    "aria-disabled": disabled
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      pointerEvents: 'none'
-    }
-  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
-    margin: "0 xx-small 0 0",
-    size: "1.125rem"
-  }, isHovering ? /*#__PURE__*/React.createElement(IconDragHandleLine, {
-    size: "x-small",
-    inline: false
-  }) : null), /*#__PURE__*/React.createElement(Flex.Item, {
-    shouldGrow: true,
-    shouldShrink: true
-  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "0 x-small 0 0"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: color
-  }, /*#__PURE__*/React.createElement(Icon, {
-    size: "x-small"
-  }))), /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "0 x-small 0 0",
-    shouldGrow: true,
-    shouldShrink: true,
-    textAlign: "start"
-  }, /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    margin: "0"
-  }, /*#__PURE__*/React.createElement("span", {
-    style: textStyles()
-  }, display_name || title || filename)), dateOrMessage(dateString)), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(AccessibleContent, {
-    alt: publishedMsg
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: color
-  }, published ? /*#__PURE__*/React.createElement(IconPublishSolid, {
-    inline: false
-  }) : /*#__PURE__*/React.createElement(IconUnpublishedSolid, {
-    inline: false
-  }))))))))));
-}
-Link.propTypes = {
-  focusRef: shape({
-    current: instanceOf(Element)
-  }),
-  ...fileOrMediaObjectShape,
-  onClick: func.isRequired
-};
-Link.defaultProps = {
-  focusRef: null
-};

package/lib/rce/plugins/instructure_documents/plugin.js

@@ -1,123 +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 formatMessage from '../../../format-message';
-import clickCallback from './clickCallback';
-import bridge from '../../../bridge';
-import { isOKToLink } from '../../contentInsertionUtils';
-import tinymce from 'tinymce';
-const COURSE_PLUGIN_KEY = 'course_documents';
-const USER_PLUGIN_KEY = 'user_documents';
-const GROUP_PLUGIN_KEY = 'group_documents';
-
-function getMenuItems(ed) {
-  const contextType = ed.settings.canvas_rce_user_context.type;
-  const items = [{
-    text: formatMessage('Upload Document'),
-    value: 'instructure_upload_document'
-  }];
-
-  if (contextType === 'course') {
-    items.push({
-      text: formatMessage('Course Documents'),
-      value: 'instructure_course_document'
-    });
-  } else if (contextType === 'group') {
-    items.push({
-      text: formatMessage('Group Documents'),
-      value: 'instructure_group_document'
-    });
-  }
-
-  items.push({
-    text: formatMessage('User Documents'),
-    value: 'instructure_user_document'
-  });
-  return items;
-}
-
-function doMenuItem(ed, value) {
-  switch (value) {
-    case 'instructure_upload_document':
-      ed.execCommand('mceInstructureDocuments');
-      break;
-
-    case 'instructure_course_document':
-      ed.focus(true);
-      ed.execCommand('instructureTrayForDocuments', false, COURSE_PLUGIN_KEY);
-      break;
-
-    case 'instructure_user_document':
-      ed.focus(true);
-      ed.execCommand('instructureTrayForDocuments', false, USER_PLUGIN_KEY);
-      break;
-
-    case 'instructure_group_document':
-      ed.focus(true);
-      ed.execCommand('instructureTrayForDocuments', false, GROUP_PLUGIN_KEY);
-      break;
-  }
-} // Register plugin
-
-
-tinymce.PluginManager.add('instructure_documents', function (ed) {
-  // Register commands
-  ed.addCommand('mceInstructureDocuments', () => clickCallback(ed, document));
-  ed.addCommand('instructureTrayForDocuments', (ui, plugin_key) => {
-    bridge.showTrayForPlugin(plugin_key, ed.id);
-  }); // Register menu items
-
-  ed.ui.registry.addNestedMenuItem('instructure_document', {
-    text: formatMessage('Document'),
-    icon: 'document',
-    getSubmenuItems: () => getMenuItems(ed).map(item => {
-      return {
-        type: 'menuitem',
-        text: item.text,
-        onAction: () => doMenuItem(ed, item.value),
-        onSetup: api => {
-          api.setDisabled(!isOKToLink(ed.selection.getContent()));
-          return () => {};
-        }
-      };
-    })
-  }); // Register toolbar button
-
-  ed.ui.registry.addMenuButton('instructure_documents', {
-    tooltip: formatMessage('Documents'),
-    icon: 'document',
-    fetch: callback => callback(getMenuItems(ed).map(item => ({
-      type: 'menuitem',
-      text: item.text,
-      value: item.value,
-      onAction: () => doMenuItem(ed, item.value)
-    }))),
-
-    onSetup(api) {
-      function handleNodeChange() {
-        api.setDisabled(!isOKToLink(ed.selection.getContent()));
-      }
-
-      setTimeout(handleNodeChange);
-      ed.on('NodeChange', handleNodeChange);
-      return () => {
-        ed.off('NodeChange', handleNodeChange);
-      };
-    }
-
-  });
-});

package/lib/rce/plugins/instructure_equation/EquationEditorModal/advancedOnlySyntax.js

@@ -1,25 +0,0 @@
-/*
- * Copyright (C) 2022 - 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 { memoize } from 'lodash'; // These commands all work fine with MathJax but either don't work, don't work well
-// (bad UX for editing), or look strange when rendered by Mathlive. Add new ones
-// here if you discover anything else or customers report unexpected experiences.
-
-const advancedOnlyCommands = ['begin', 'end', 'cases', 'cr', 'rm', 'text', 'hbox', 'mbox', 'unicode', 'cal', 'frak', 'it', 'scr', 'sf', '#', 'def', 'newcommand', 'operatorname', 'DeclareMathOperator', 'displaystyle', 'textstyle', 'scriptstyle', 'scriptscriptstyle', 'displaylines', 'abovewithdelims', 'array', 'bmatrix', 'buildrel', 'ddddot', 'dddot', 'eqalign', 'eqalignno', 'gcd', 'genfrac', 'hdashline', 'hfil', 'hfill', 'hfilll', 'hline', 'idotsint', 'iiiint', 'injlim', 'kern', 'label', 'LaTeX', 'leftroot', 'lgroup', 'lower', 'mathchoice', 'mathfrak', 'matrix', 'mit', 'mkern', 'mspace', 'negmedspace', 'negthickspace', 'negthinspace', 'newline', 'nobreakspace', 'oldstyle', 'overset', 'pmatrix', 'raise', 'rgroup', 'rule', 'Rule', 'skew', 'space', 'tag', 'TeX', 'underbrace', 'uproot', 'varinjlim', 'varliminf', 'varlimsup', 'varprojlim', 'vcenter', 'vmatrix'];
-const advancedOnlyRegex = new RegExp(advancedOnlyCommands.join('|'), 'm');
-const containsAdvancedSyntax = memoize(latex => advancedOnlyRegex.test(latex));
-export { advancedOnlyCommands, containsAdvancedSyntax };

package/lib/rce/plugins/instructure_equation/EquationEditorModal/advancedPreference.js

@@ -1,51 +0,0 @@
-/*
- * Copyright (C) 2022 - 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/>.
- */
-export const STORAGE_KEY = 'NEE_should_reopen_advanced';
-
-function wrapInErrorHandling(func) {
-  try {
-    return {
-      state: 'success',
-      returnValue: func()
-    };
-  } catch (exception) {
-    // eslint-disable-next-line no-console
-    console.warn('Store interaction failed: ', exception);
-    return {
-      state: 'failure'
-    };
-  }
-}
-
-export const isSet = () => {
-  const result = wrapInErrorHandling(() => {
-    const value = window.sessionStorage.getItem(STORAGE_KEY) || 'null';
-    return !!JSON.parse(value);
-  });
-  return result.state === 'success' ? result.returnValue : false;
-};
-export const set = () => {
-  wrapInErrorHandling(() => {
-    window.sessionStorage.setItem(STORAGE_KEY, 'true');
-  });
-};
-export const remove = () => {
-  wrapInErrorHandling(() => {
-    window.sessionStorage.removeItem(STORAGE_KEY);
-  });
-};