@instructure/canvas-rce 5.11.1 → 5.12.2

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

@@ -1,53 +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/>.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Bridge from '../../../bridge';
-import { parseLatex } from './EquationEditorModal/parseLatex';
-import * as advancedPreference from './EquationEditorModal/advancedPreference';
-export default function (ed, document, _trayProps) {
-  return import('./EquationEditorModal').then(module => {
-    const rce = Bridge.activeEditor();
-    const EquationEditorModal = module.default;
-    let container = document.querySelector('.canvas-rce-equation-container');
-
-    if (!container) {
-      container = document.createElement('div');
-      container.className = 'canvas-rce-equation-container';
-      document.body.appendChild(container);
-    }
-
-    const handleDismiss = () => {
-      ReactDOM.unmountComponentAtNode(container);
-      ed.focus(false);
-    };
-
-    const handleSubmit = latex => {
-      rce.insertMathEquation(latex);
-    };
-
-    ReactDOM.render( /*#__PURE__*/React.createElement(EquationEditorModal, {
-      editor: ed,
-      onModalDismiss: handleDismiss,
-      onModalClose: handleDismiss,
-      onEquationSubmit: handleSubmit,
-      originalLatex: parseLatex(ed),
-      openAdvanced: advancedPreference.isSet()
-    }), container);
-  });
-}

package/lib/rce/plugins/instructure_equation/mathlive/index.js

@@ -1,36 +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/>.
- */
-import 'mathlive/dist/mathlive-fonts.css'; // There currently isn't a great way to do this so use this workaround to inject these styles
-
-const cssRules = {
-  componentId: 'KeARC',
-  template: function (theme) {
-    return `
-
-.canvas-rce__mathlive--ML__popover {
-  
-  z-index: 20000 !important;
-}
-`;
-  },
-  'ML__popover': 'canvas-rce__mathlive--ML__popover'
-}.template();
-const style = document.createElement('style');
-style.appendChild(document.createTextNode(cssRules));
-document.head.appendChild(style);
-export * from 'mathlive';

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

@@ -1,69 +0,0 @@
-// @ts-nocheck
-
-/*
- * 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 formatMessage from '../../../format-message';
-import clickCallback from './clickCallback';
-import { IconEquationLine } from '@instructure/ui-icons/es/svg';
-import tinymce from 'tinymce';
-
-function isEquationImage(node) {
-  return node.tagName === 'IMG' && node.classList.contains('equation_image') || node.classList.contains('math_equation_latex');
-} // Register plugin
-
-
-tinymce.PluginManager.add('instructure_equation', function (ed) {
-  ed.ui.registry.addIcon('equation', IconEquationLine.src);
-  ed.addCommand('instructureEquation', () => clickCallback(ed, document));
-  ed.ui.registry.addMenuItem('instructure_equation', {
-    text: formatMessage('Equation'),
-    icon: 'equation',
-    onAction: () => ed.execCommand('instructureEquation')
-  });
-  ed.ui.registry.addToggleButton('instructure_equation', {
-    tooltip: formatMessage({
-      default: 'Insert Math Equation',
-      description: 'Title for RCE button to insert a math equation'
-    }),
-    onAction: () => ed.execCommand('instructureEquation'),
-    icon: 'equation',
-
-    onSetup(buttonApi) {
-      const toggleActive = eventApi => {
-        buttonApi.setActive(isEquationImage(eventApi.element));
-      };
-
-      ed.on('NodeChange', toggleActive);
-      return () => ed.off('NodeChange', toggleActive);
-    }
-
-  });
-  ed.ui.registry.addButton('instructure-equation-options', {
-    onAction() {
-      ed.execCommand('instructureEquation');
-    },
-
-    text: formatMessage('Edit Equation')
-  });
-  ed.ui.registry.addContextToolbar('instructure-equation-toolbar', {
-    items: 'instructure-equation-options',
-    position: 'node',
-    predicate: isEquationImage,
-    scope: 'node'
-  });
-});

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

@@ -1,50 +0,0 @@
-// @ts-nocheck
-
-/*
- * 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 tinymce from 'tinymce';
-import formatMessage from '../../../format-message';
-import bridge from '../../../bridge';
-import { FS_ELEMENT } from '../../../util/fullscreenHelpers';
-tinymce.PluginManager.add('instructure_fullscreen', function (editor) {
-  editor.addCommand('instructureFullscreen', () => {
-    bridge.activeEditor().toggleFullscreen();
-  });
-  editor.ui.registry.addMenuItem('instructure_fullscreen', {
-    text: formatMessage('Fullscreen'),
-    icon: 'fullscreen',
-    onAction: () => editor.execCommand('instructureFullscreen'),
-
-    onSetup(api) {
-      api.setDisabled(!!document[FS_ELEMENT]);
-      return () => undefined;
-    }
-
-  });
-  editor.ui.registry.addMenuItem('instructure_exit_fullscreen', {
-    text: formatMessage('Exit Fullscreen'),
-    icon: 'fullscreen_exit',
-    onAction: () => editor.execCommand('instructureFullscreen'),
-
-    onSetup(api) {
-      api.setDisabled(!document[FS_ELEMENT]);
-      return () => undefined;
-    }
-
-  });
-});

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

@@ -1,21 +0,0 @@
-/*
- * Copyright (C) 2020 - 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 bridge from '../../../bridge';
-export default function () {
-  bridge.activeEditor().toggleView();
-}

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

@@ -1,37 +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 tinymce from 'tinymce';
-// Register plugin
-tinymce.PluginManager.add('instructure_html_view', function (ed) {
-  // Register commands
-  ed.addCommand('instructureHtmlView', () => clickCallback()); // Register menu items
-
-  ed.ui.registry.addMenuItem('instructure_html_view', {
-    text: formatMessage('HTML Editor'),
-    icon: 'htmlview',
-    onAction: () => ed.execCommand('instructureHtmlView'),
-
-    onSetup(api) {
-      api.setDisabled(false);
-      return () => undefined;
-    }
-
-  });
-});

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

@@ -1,57 +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/>.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import bridge from '../../../bridge';
-import { StoreProvider } from '../shared/StoreContext';
-export const CREATE_ICON_MAKER = 'create_icon_maker_icon';
-export const LIST_ICON_MAKER = 'list_icon_maker_icons';
-export const EDIT_ICON_MAKER = 'edit_icon_maker_icon';
-export const ICONS_TRAY_CONTAINER_ID = 'instructure-rce-icons-tray-container';
-export default function (ed, document, type) {
-  return import('./components/IconMakerTray').then(_ref => {
-    let {
-      IconMakerTray
-    } = _ref;
-    let container = document.querySelector(`#${ICONS_TRAY_CONTAINER_ID}`);
-    const trayProps = bridge.trayProps.get(ed);
-
-    const handleUnmount = () => {
-      ReactDOM.unmountComponentAtNode(container);
-      ed.focus(false);
-    };
-
-    if (!container) {
-      container = document.createElement('div');
-      container.id = ICONS_TRAY_CONTAINER_ID;
-      document.body.appendChild(container);
-    } else if (type === CREATE_ICON_MAKER) {
-      // This case indicates we are switching modes (i.e. Editing -> Creating)
-      // We unmount the component to clear all state. This also triggers an animation
-      // that closes and opens the tray to indicate a mode change to the user
-      handleUnmount();
-    }
-
-    ReactDOM.render( /*#__PURE__*/React.createElement(StoreProvider, trayProps, () => /*#__PURE__*/React.createElement(IconMakerTray, {
-      editor: ed,
-      editing: type === EDIT_ICON_MAKER,
-      onUnmount: handleUnmount,
-      canvasOrigin: bridge.canvasOrigin
-    })), container);
-  });
-}

package/lib/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ColorSection.js

@@ -1,82 +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/>.
- */
-import React from 'react';
-import { Flex } from '@instructure/ui-flex';
-import { SimpleSelect } from '@instructure/ui-simple-select';
-import { ColorInput } from '../../../shared/ColorInput';
-import formatMessage from '../../../../../format-message';
-const OUTLINE_SIZES = ['none', 'small', 'medium', 'large'];
-export const COLOR_SECTION_ID = 'icons-tray-color-section';
-
-const getColorSection = () => document.querySelector(`#${COLOR_SECTION_ID}`);
-
-export const ColorSection = _ref => {
-  let {
-    settings,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Flex, {
-    as: "section",
-    direction: "column",
-    id: COLOR_SECTION_ID,
-    justifyItems: "space-between",
-    padding: "0 small"
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "small"
-  }, /*#__PURE__*/React.createElement(ColorInput, {
-    color: settings.color,
-    label: formatMessage('Icon Color'),
-    name: "icon-color",
-    onChange: color => onChange({
-      color
-    }),
-    popoverMountNode: getColorSection
-  })), /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "small"
-  }, /*#__PURE__*/React.createElement(SimpleSelect, {
-    assistiveText: formatMessage('Use arrow keys to select an outline size.'),
-    id: "icon-outline-size",
-    mountNode: getColorSection,
-    onChange: (e, option) => onChange({
-      outlineSize: option.value
-    }),
-    renderLabel: formatMessage('Outline Size'),
-    value: settings.outlineSize
-  }, OUTLINE_SIZES.map(size => /*#__PURE__*/React.createElement(SimpleSelect.Option, {
-    id: `outline-size-${size}`,
-    key: `outline-size-${size}`,
-    value: size
-  }, OUTLINE_SIZE_DESCRIPTION[size] || '')))), /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "small"
-  }, /*#__PURE__*/React.createElement(ColorInput, {
-    color: settings.outlineColor,
-    label: formatMessage('Outline Color'),
-    name: "icon-outline",
-    onChange: outlineColor => onChange({
-      outlineColor
-    }),
-    popoverMountNode: getColorSection,
-    requireColor: true
-  })));
-};
-const OUTLINE_SIZE_DESCRIPTION = {
-  none: formatMessage('None'),
-  small: formatMessage('Small'),
-  medium: formatMessage('Medium'),
-  large: formatMessage('Large')
-};

package/lib/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/CreateIconMakerForm.js

@@ -1,56 +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/>.
- */
-import React from 'react';
-import { Header } from './Header';
-import { ShapeSection } from './ShapeSection';
-import { ColorSection } from './ColorSection';
-import { TextSection } from './TextSection';
-import { ImageSection } from './ImageSection';
-export const CreateIconMakerForm = _ref => {
-  let {
-    settings,
-    dispatch,
-    editor,
-    editing,
-    allowNameChange,
-    nameRef,
-    canvasOrigin
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
-    settings: settings,
-    onChange: dispatch,
-    allowNameChange: allowNameChange,
-    nameRef: nameRef,
-    editing: editing
-  }), /*#__PURE__*/React.createElement(ShapeSection, {
-    settings: settings,
-    onChange: dispatch
-  }), /*#__PURE__*/React.createElement(ColorSection, {
-    settings: settings,
-    onChange: dispatch
-  }), /*#__PURE__*/React.createElement(TextSection, {
-    settings: settings,
-    onChange: dispatch
-  }), /*#__PURE__*/React.createElement(ImageSection, {
-    editor: editor,
-    settings: settings,
-    onChange: dispatch,
-    editing: editing,
-    canvasOrigin: canvasOrigin
-  }));
-};

package/lib/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/Footer.js

@@ -1,78 +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/>.
- */
-import React from 'react';
-import { Button } from '@instructure/ui-buttons';
-import { Checkbox } from '@instructure/ui-checkbox';
-import { Flex } from '@instructure/ui-flex';
-import { View } from '@instructure/ui-view';
-import formatMessage from '../../../../../format-message';
-import { ConditionalTooltip } from '../../../shared/ConditionalTooltip';
-export const Footer = _ref => {
-  let {
-    disabled,
-    onCancel,
-    onSubmit,
-    replaceAll,
-    onReplaceAllChanged,
-    editing,
-    isModified,
-    applyRef
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, editing && /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    padding: "medium"
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    label: formatMessage('Apply changes to all instances of this Icon Maker Icon in the Course'),
-    "data-testid": "cb-replace-all",
-    checked: replaceAll,
-    onChange: e => {
-      onReplaceAllChanged && onReplaceAllChanged(e.target.checked);
-    }
-  })), /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    background: "secondary",
-    borderWidth: editing ? 'small none none none' : 'none',
-    padding: "small small x-small none"
-  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
-    shouldGrow: true,
-    shouldShrink: true
-  }), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(Button, {
-    disabled: disabled,
-    onClick: onCancel,
-    "data-testid": "icon-maker-cancel"
-  }, formatMessage('Cancel')), editing ? /*#__PURE__*/React.createElement(ConditionalTooltip, {
-    condition: !isModified && !disabled,
-    renderTip: formatMessage('No changes to save.'),
-    on: ['hover', 'focus']
-  }, /*#__PURE__*/React.createElement(Button, {
-    disabled: !isModified || disabled,
-    color: "primary",
-    onClick: onSubmit,
-    margin: "0 0 0 x-small",
-    "data-testid": "icon-maker-save"
-  }, replaceAll ? formatMessage('Save') : formatMessage('Save Copy'))) : /*#__PURE__*/React.createElement(Button, {
-    disabled: disabled,
-    margin: "0 0 0 x-small",
-    color: "primary",
-    onClick: onSubmit,
-    "data-testid": "create-icon-button",
-    elementRef: ref => {
-      if (applyRef) applyRef.current = ref;
-    }
-  }, formatMessage('Apply'))))));
-};

package/lib/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/Group.js

@@ -1,36 +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/>.
- */
-import React from 'react';
-import { ToggleGroup } from '@instructure/ui-toggle-details';
-import formatMessage from '../../../../../format-message';
-export function Group(_ref) {
-  let {
-    children,
-    summary,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(ToggleGroup, Object.assign({
-    background: "default",
-    border: false,
-    padding: "small small 0",
-    summary: summary,
-    toggleLabel: formatMessage('Toggle {summary} group', {
-      summary
-    })
-  }, props), children);
-}