@instructure/canvas-rce 7.3.1 → 8.1.0

package/oxlint.json

@@ -0,0 +1,84 @@
+{
+  "$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
+  "plugins": ["react", "jsx_a11y", "import", "promise", "typescript"],
+  "jsPlugins": ["../../config/canvas-copyright.js"],
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "ignorePatterns": [
+    "es/**/*",
+    "**/translations/**/*",
+    "**/node_modules/**"
+  ],
+  "rules": {
+    "no-console": "warn",
+    "no-undef": "warn",
+    "no-constant-binary-expression": "warn",
+    "no-dupe-class-members": "warn",
+    "no-dupe-keys": "warn",
+    "no-import-assign": "warn",
+    "no-loss-of-precision": "warn",
+    "no-prototype-builtins": "off",
+    "no-unexpected-multiline": "warn",
+    "no-unsafe-optional-chaining": "warn",
+    "no-unused-expressions": "off",
+    "no-unused-vars": "off",
+    "no-unused-private-class-members": "warn",
+    "no-useless-escape": "warn",
+    "prefer-const": "warn",
+    "no-redeclare": "warn",
+    "typescript/ban-ts-comment": "off",
+    "typescript/no-unused-vars": ["warn", {
+      "args": "all",
+      "argsIgnorePattern": "^_",
+      "caughtErrors": "all",
+      "caughtErrorsIgnorePattern": "^_",
+      "destructuredArrayIgnorePattern": "^_",
+      "varsIgnorePattern": "^_",
+      "ignoreRestSiblings": true
+    }],
+    "typescript/no-this-alias": "off",
+    "typescript/no-explicit-any": "off",
+    "typescript/no-unused-expressions": "warn",
+    "typescript/no-empty-object-type": "warn",
+    "typescript/no-unsafe-function-type": "warn",
+    "typescript/no-require-imports": "off",
+    "typescript/no-wrapper-object-types": "warn",
+    "typescript/no-non-null-asserted-optional-chain": "warn",
+    "react/jsx-key": "warn",
+    "react/no-string-refs": "warn",
+    "react/no-find-dom-node": "warn",
+    "react/jsx-no-target-blank": "warn",
+    "react/no-unknown-property": "warn",
+    "react/rules-of-hooks": "warn",
+    "react/exhaustive-deps": "warn",
+    "jsx_a11y/role-has-required-aria-props": "warn",
+    "jsx_a11y/no-autofocus": "warn",
+    "import/no-dynamic-require": "warn",
+    "import/no-nodejs-modules": "warn",
+    "promise/always-return": "off",
+    "promise/catch-or-return": "off"
+  },
+  "overrides": [
+    {
+      "files": ["src/**/*.{js,mjs,ts,jsx,tsx}"],
+      "rules": {
+        "canvas-copyright/notice": "error"
+      }
+    },
+    {
+      "files": [
+        "**/__tests__/**",
+        "src/**/__tests__/**",
+        "src/rce/plugins/tinymce-a11y-checker/rules/__mocks__/index.js"
+      ],
+      "plugins": ["jest"],
+      "rules": {
+        "jest/no-disabled-tests": "warn",
+        "jest/no-focused-tests": "error",
+        "jest/valid-expect": "error"
+      }
+    }
+  ]
+}

package/package.json

@@ -1,9 +1,27 @@
 {
   "name": "@instructure/canvas-rce",
-  "version": "7.3.1",
+  "version": "8.1.0",
   "description": "A component wrapping Canvas's usage of Tinymce",
   "main": "es/index.js",
   "types": "es/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "enhance-user-content": [
+        "./es/enhance-user-content/index.d.ts"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "default": "./es/index.js"
+    },
+    "./enhance-user-content": {
+      "types": "./es/enhance-user-content/index.d.ts",
+      "default": "./es/enhance-user-content/index.js"
+    },
+    "./*": "./*"
+  },
   "owner": "RCX",
   "scripts": {
     "i18n:extract": "format-message extract \"es/**/*.js\" -g underscored_crc32 -o locales/en.json",
@@ -45,87 +63,94 @@
   ],
   "author": "Instructure, Inc",
   "license": "AGPL-3.0",
-  "browserslist": ["extends @instructure/browserslist-config-canvas-lms"],
+  "browserslist": [
+    "extends @instructure/browserslist-config-canvas-lms"
+  ],
   "nyc": {
-    "include": ["shared/**/*.js", "src/**/*.js"],
+    "include": [
+      "shared/**/*.js",
+      "src/**/*.js"
+    ],
     "exclude": [],
-    "require": ["@babel/register", "@instructure/canvas-theme"],
+    "require": [
+      "@babel/register",
+      "@instructure/canvas-theme"
+    ],
     "sourceMap": false,
     "instrument": false
   },
   "dependencies": {
-    "@instructure/canvas-theme": "10.26.2",
+    "@instructure/canvas-theme": "11.6.0",
     "@instructure/canvas-media": "*",
-    "@instructure/debounce": "10.26.2",
-    "@instructure/emotion": "10.26.2",
+    "@instructure/debounce": "11.6.0",
+    "@instructure/emotion": "11.6.0",
     "@instructure/k5uploader": "*",
-    "@instructure/media-capture": "^9.0.0",
-    "@instructure/theme-registry": "10.26.2",
-    "@instructure/ui-a11y-content": "10.26.2",
-    "@instructure/ui-a11y-utils": "10.26.2",
-    "@instructure/ui-alerts": "10.26.2",
-    "@instructure/ui-avatar": "10.26.2",
-    "@instructure/ui-badge": "10.26.2",
-    "@instructure/ui-billboard": "10.26.2",
-    "@instructure/ui-buttons": "10.26.2",
-    "@instructure/ui-checkbox": "10.26.2",
-    "@instructure/ui-source-code-editor": "10.26.2",
-    "@instructure/ui-color-picker": "10.26.2",
-    "@instructure/ui-color-utils": "10.26.2",
-    "@instructure/ui-file-drop": "10.26.2",
-    "@instructure/ui-flex": "10.26.2",
-    "@instructure/ui-focusable": "10.26.2",
-    "@instructure/ui-form-field": "10.26.2",
-    "@instructure/ui-grid": "10.26.2",
-    "@instructure/ui-heading": "10.26.2",
-    "@instructure/ui-icons": "10.26.2",
-    "@instructure/ui-img": "10.26.2",
-    "@instructure/ui-link": "10.26.2",
-    "@instructure/ui-list": "10.26.2",
-    "@instructure/ui-media-player": "^9.0.0",
-    "@instructure/ui-menu": "10.26.2",
-    "@instructure/ui-modal": "10.26.2",
-    "@instructure/ui-motion": "10.26.2",
-    "@instructure/ui-number-input": "10.26.2",
-    "@instructure/ui-overlays": "10.26.2",
-    "@instructure/ui-pagination": "10.26.2",
-    "@instructure/ui-pill": "10.26.2",
-    "@instructure/ui-popover": "10.26.2",
-    "@instructure/ui-radio-input": "10.26.2",
-    "@instructure/ui-simple-select": "10.26.2",
-    "@instructure/ui-spinner": "10.26.2",
-    "@instructure/ui-svg-images": "10.26.2",
-    "@instructure/ui-table": "10.26.2",
-    "@instructure/ui-tabs": "10.26.2",
-    "@instructure/ui-text-area": "10.26.2",
-    "@instructure/ui-text-input": "10.26.2",
-    "@instructure/ui-text": "10.26.2",
-    "@instructure/ui-themes": "10.26.2",
-    "@instructure/ui-toggle-details": "10.26.2",
-    "@instructure/ui-tooltip": "10.26.2",
-    "@instructure/ui-tray": "10.26.2",
-    "@instructure/ui-tree-browser": "10.26.2",
-    "@instructure/ui-truncate-text": "10.26.2",
-    "@instructure/ui-utils": "10.26.2",
-    "@instructure/ui-view": "10.26.2",
-    "@instructure/uid": "10.26.2",
+    "@instructure/media-capture": "12.0.0",
+    "@instructure/ui-a11y-content": "11.6.0",
+    "@instructure/ui-a11y-utils": "11.6.0",
+    "@instructure/ui-alerts": "11.6.0",
+    "@instructure/ui-avatar": "11.6.0",
+    "@instructure/ui-badge": "11.6.0",
+    "@instructure/ui-billboard": "11.6.0",
+    "@instructure/ui-buttons": "11.6.0",
+    "@instructure/ui-checkbox": "11.6.0",
+    "@instructure/ui-source-code-editor": "11.6.0",
+    "@instructure/ui-color-picker": "11.6.0",
+    "@instructure/ui-color-utils": "11.6.0",
+    "@instructure/ui-file-drop": "11.6.0",
+    "@instructure/ui-flex": "11.6.0",
+    "@instructure/ui-focusable": "11.6.0",
+    "@instructure/ui-form-field": "11.6.0",
+    "@instructure/ui-grid": "11.6.0",
+    "@instructure/ui-heading": "11.6.0",
+    "@instructure/ui-icons": "11.6.0",
+    "@instructure/ui-img": "11.6.0",
+    "@instructure/ui-link": "11.6.0",
+    "@instructure/ui-list": "11.6.0",
+    "@instructure/ui-media-player": "12.0.0",
+    "@instructure/ui-menu": "11.6.0",
+    "@instructure/ui-modal": "11.6.0",
+    "@instructure/ui-motion": "11.6.0",
+    "@instructure/ui-number-input": "11.6.0",
+    "@instructure/ui-overlays": "11.6.0",
+    "@instructure/ui-pagination": "11.6.0",
+    "@instructure/ui-pill": "11.6.0",
+    "@instructure/ui-popover": "11.6.0",
+    "@instructure/ui-radio-input": "11.6.0",
+    "@instructure/ui-simple-select": "11.6.0",
+    "@instructure/ui-spinner": "11.6.0",
+    "@instructure/ui-svg-images": "11.6.0",
+    "@instructure/ui-table": "11.6.0",
+    "@instructure/ui-tabs": "11.6.0",
+    "@instructure/ui-text-area": "11.6.0",
+    "@instructure/ui-text-input": "11.6.0",
+    "@instructure/ui-text": "11.6.0",
+    "@instructure/ui-themes": "11.6.0",
+    "@instructure/ui-toggle-details": "11.6.0",
+    "@instructure/ui-tooltip": "11.6.0",
+    "@instructure/ui-tray": "11.6.0",
+    "@instructure/ui-tree-browser": "11.6.0",
+    "@instructure/ui-truncate-text": "11.6.0",
+    "@instructure/ui-utils": "11.6.0",
+    "@instructure/ui-view": "11.6.0",
+    "@instructure/uid": "11.6.0",
     "@sheerun/mutationobserver-shim": "^0.3.2",
     "@types/tinycolor2": "^1.4.6",
     "@tinymce/tinymce-react": "~3.8.4",
     "aphrodite": "^2",
-    "axios": "^0.30.0",
+    "axios": "^1.15.0",
     "bloody-offset": "0.0.0",
     "crypto-es": "^2.1.0",
     "classnames": "^2.2.5",
+    "es-toolkit": "^1.42.0",
     "format-message": "^6",
     "format-message-generate-id": "^6",
     "i18n-js": "^3",
     "isomorphic-fetch": "2.2.1",
-    "js-beautify": "1.14.9",
+    "js-beautify": "1.15.4",
     "keycode": "^2",
-    "lodash": "^4",
     "mathlive": "^0.77.0",
-    "minimatch": "~3.0.4",
+    "minimatch": "^10.2.3",
     "moment-timezone": "^0.5.45",
     "prop-types": "^15",
     "psl": "^1.1.0",
@@ -179,7 +204,7 @@
     "jest-canvas-mock": "^2",
     "jest-junit": "^7",
     "jest-mock-proxy": "3.1.2",
-    "jest": "^28",
+    "jest": "^29",
     "mathjax": "^3.2.0",
     "msw": "^2.7",
     "nyc": "^13",

package/tsconfig.json

@@ -4,9 +4,9 @@
     "esModuleInterop": true,
     "isolatedModules": true,
     "jsx": "react",
-    "lib": ["dom", "es2020", "esnext"],
+    "lib": ["dom", "dom.iterable", "es2020", "esnext"],
     "module": "ES2020",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "declaration": true,
     "declarationDir": "es",
     "emitDeclarationOnly": true,
@@ -19,6 +19,7 @@
     "composite": true,
     "rootDir": "src",
     "verbatimModuleSyntax": false,
+    "types": ["node"],
     "paths": {
       "@instructure/*": ["../packages/*"]
     }

package/es/rce/plugins/shared/ai_tools/AIResponseModal.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-type AIResponseModaProps = {
-    open: boolean;
-    html: string;
-    onClose: () => void;
-    onInsert: () => void;
-    onReplace: () => void;
-};
-declare const AIResponseModal: ({ open, html, onClose, onInsert, onReplace }: AIResponseModaProps) => React.JSX.Element;
-export { AIResponseModal };

package/es/rce/plugins/shared/ai_tools/AIResponseModal.js

@@ -1,67 +0,0 @@
-import _pt from "prop-types";
-/*
- * Copyright (C) 2024 - 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 formatMessage from '../../../../format-message';
-import { Button, CloseButton } from '@instructure/ui-buttons';
-import { Heading } from '@instructure/ui-heading';
-import { Modal } from '@instructure/ui-modal';
-const AIResponseModal = ({
-  open,
-  html,
-  onClose,
-  onInsert,
-  onReplace
-}) => {
-  return /*#__PURE__*/React.createElement(Modal, {
-    open: open,
-    onDismiss: onClose,
-    size: "medium",
-    label: formatMessage('AI Response')
-  }, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(CloseButton, {
-    onClick: onClose,
-    placement: "end",
-    offset: "medium",
-    screenReaderLabel: formatMessage('Close')
-  }), /*#__PURE__*/React.createElement(Heading, {
-    level: "h3"
-  }, "AI Response")), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: html
-    }
-  })), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: onClose,
-    margin: "medium 0 0 0"
-  }, formatMessage('Close')), /*#__PURE__*/React.createElement(Button, {
-    onClick: onReplace,
-    margin: "medium 0 0 medium"
-  }, formatMessage('Replace')), /*#__PURE__*/React.createElement(Button, {
-    onClick: onInsert,
-    color: "primary",
-    margin: "medium 0 0 medium"
-  }, formatMessage('Insert'))));
-};
-AIResponseModal.propTypes = {
-  open: _pt.bool.isRequired,
-  html: _pt.string.isRequired,
-  onClose: _pt.func.isRequired,
-  onInsert: _pt.func.isRequired,
-  onReplace: _pt.func.isRequired
-};
-export { AIResponseModal };

package/es/rce/plugins/shared/ai_tools/AIToolsTray.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-type AIToolsTrayContent = {
-    type: 'selection' | 'full';
-    content: string;
-};
-type AIToolsTrayProps = {
-    open: boolean;
-    container: HTMLElement;
-    mountNode: HTMLElement;
-    contextId: string;
-    contextType: string;
-    currentContent: AIToolsTrayContent;
-    onClose: () => void;
-    onInsertContent: (content: string) => void;
-    onReplaceContent: (content: string) => void;
-};
-export declare const AIToolsTray: ({ open, container, mountNode, contextId, contextType, currentContent, onClose, onInsertContent, onReplaceContent, }: AIToolsTrayProps) => React.JSX.Element;
-export {};