@instructure/canvas-rce 5.6.0 → 5.6.1

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/Upload.js

@@ -16,10 +16,13 @@
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
+import PropTypes from 'prop-types';
 import formatMessage from '../../../../../../format-message';
 import { actions } from '../../../reducers/imageSection';
+import { actions as svgActions } from '../../../reducers/svgSettings';
 import { UploadFile } from '../../../../shared/Upload/UploadFile';
 import { canCompressImage, compressImage, shouldCompressImage } from './compressionUtils';
+import { isAnUnsupportedGifPngImage, MAX_GIF_PNG_SIZE_BYTES } from './utils';
 
 function dispatchCompressedImage(theFile, dispatch) {
   dispatch({ ...actions.SET_IMAGE,
@@ -53,11 +56,21 @@ function dispatchCompressedImage(theFile, dispatch) {
   });
 }
 
-export const onSubmit = dispatch => (_editor, _accept, _selectedPanel, uploadData) => {
+export const onSubmit = (dispatch, onChange) => (_editor, _accept, _selectedPanel, uploadData) => {
   const {
     theFile
   } = uploadData;
 
+  if (isAnUnsupportedGifPngImage(theFile)) {
+    dispatch({ ...actions.SET_IMAGE_COLLECTION_OPEN,
+      payload: false
+    });
+    return onChange({
+      type: svgActions.SET_ERROR,
+      payload: "GIF/PNG format images larger than " + MAX_GIF_PNG_SIZE_BYTES / 1024 + " KB are not currently supported."
+    });
+  }
+
   if (canCompressImage() && shouldCompressImage(theFile)) {
     return dispatchCompressedImage(theFile, dispatch);
   }
@@ -79,7 +92,8 @@ export const onSubmit = dispatch => (_editor, _accept, _selectedPanel, uploadDat
 const Upload = _ref => {
   let {
     editor,
-    dispatch
+    dispatch,
+    onChange
   } = _ref;
   return /*#__PURE__*/React.createElement(UploadFile, {
     accept: "image/*",
@@ -90,8 +104,17 @@ const Upload = _ref => {
       dispatch(actions.CLEAR_MODE);
     },
     requireA11yAttributes: false,
-    onSubmit: onSubmit(dispatch)
+    onSubmit: onSubmit(dispatch, onChange)
   });
 };
 
+Upload.propTypes = {
+  editor: PropTypes.object.isRequired,
+  dispatch: PropTypes.func,
+  onChange: PropTypes.func
+};
+Upload.defaultProps = {
+  dispatch: () => {},
+  onChange: () => {}
+};
 export default Upload;

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/__tests__/Course.test.js

@@ -21,7 +21,8 @@ import { render, fireEvent, waitFor } from '@testing-library/react';
 import Course from '../Course';
 import { actions } from '../../../../reducers/imageSection';
 import { useStoreProps } from '../../../../../shared/StoreContext';
-import { compressImage, shouldCompressImage, canCompressImage } from '../compressionUtils';
+import { compressImage, shouldCompressImage } from '../compressionUtils';
+import { isAnUnsupportedGifPngImage } from '../utils';
 const storeProps = {
   images: {
     Course: {
@@ -90,6 +91,9 @@ jest.mock('../compressionUtils', () => ({
   compressImage: jest.fn().mockReturnValue(Promise.resolve('data:image/jpeg;base64,abcdefghijk==')),
   canCompressImage: jest.fn().mockReturnValue(true)
 }));
+jest.mock('../utils', () => ({ ...jest.requireActual('../utils'),
+  isAnUnsupportedGifPngImage: jest.fn().mockReturnValue(false)
+}));
 describe('Course()', () => {
   let props;
 
@@ -101,7 +105,8 @@ describe('Course()', () => {
   beforeEach(() => {
     useStoreProps.mockReturnValue(storeProps);
     props = {
-      dispatch: jest.fn()
+      dispatch: jest.fn(),
+      onChange: jest.fn()
     };
   });
   afterEach(() => jest.clearAllMocks());
@@ -174,6 +179,29 @@ describe('Course()', () => {
         payload: false
       }));
     });
+    describe('and is unsupported', () => {
+      beforeAll(() => {
+        isAnUnsupportedGifPngImage.mockReturnValue(true);
+      });
+      afterAll(() => {
+        isAnUnsupportedGifPngImage.mockReturnValue(false);
+      });
+      it('dispatches a "clear image" action', async () => {
+        await waitFor(() => {
+          expect(props.dispatch).toHaveBeenCalledWith({
+            type: 'ClearImage'
+          });
+        });
+      });
+      it('invokes onChange action "set error"', async () => {
+        await waitFor(() => {
+          expect(props.onChange).toHaveBeenCalledWith({
+            type: 'SetError',
+            payload: 'GIF/PNG format images larger than 250 KB are not currently supported.'
+          });
+        });
+      });
+    });
   });
   describe('when a image to be compressed is clicked', () => {
     let originalResponse;

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/__tests__/ImageSection.test.js

@@ -278,7 +278,7 @@ describe('ImageSection', () => {
           jest.runOnlyPendingTimers();
         }); // Zooms in just to change cropper settings
 
-        fireEvent.click(document.querySelector('[data-cid="Modal"] [data-cid="ModalBody"] [direction="row"] span:last-child button'));
+        fireEvent.click(getByTestId('zoom-in-button'));
         fireEvent.click(document.querySelector('[data-cid="Modal"] [type="submit"]'));
         await act(async () => {
           jest.runOnlyPendingTimers();

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/__tests__/Upload.test.js

@@ -21,6 +21,7 @@ import Upload, { onSubmit } from '../Upload';
 import { actions } from '../../../../reducers/imageSection';
 import FakeEditor from '../../../../../shared/__tests__/FakeEditor';
 import fetchMock from 'fetch-mock';
+import { isAnUnsupportedGifPngImage } from '../utils';
 jest.mock('../../../../../../../bridge', () => {
   return {
     trayProps: {
@@ -33,6 +34,9 @@ jest.mock('../../../../../../../bridge', () => {
 jest.mock('../compressionUtils', () => ({ ...jest.requireActual('../compressionUtils'),
   compressImage: jest.fn().mockReturnValue(Promise.resolve('data:image/jpeg;base64,abcdefghijk=='))
 }));
+jest.mock('../utils', () => ({ ...jest.requireActual('../utils'),
+  isAnUnsupportedGifPngImage: jest.fn().mockReturnValue(false)
+}));
 let props;
 
 const subject = () => render( /*#__PURE__*/React.createElement(Upload, props));
@@ -68,6 +72,7 @@ describe('Upload()', () => {
   });
   describe('onSubmit()', () => {
     const dispatch = jest.fn();
+    const onChange = jest.fn();
     const theFile = {
       preview: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEBCAMAAAD1kWivAAADAFBMVEWysrL5nCYYGBj7/+rceo3w1tD+yAfwFTPrIj36',
       name: 'Test Image.png',
@@ -75,7 +80,7 @@ describe('Upload()', () => {
       size: 100000
     };
 
-    const onSubmitCall = () => onSubmit(dispatch)({}, {}, {}, {
+    const onSubmitCall = () => onSubmit(dispatch, onChange)({}, {}, {}, {
       theFile
     });
 
@@ -104,6 +109,27 @@ describe('Upload()', () => {
         payload: true
       });
     });
+    describe('with an unsupported image', () => {
+      beforeAll(() => {
+        isAnUnsupportedGifPngImage.mockReturnValue(true);
+      });
+      afterAll(() => {
+        isAnUnsupportedGifPngImage.mockReturnValue(false);
+      });
+      it('closes the collection', () => {
+        onSubmitCall();
+        expect(dispatch).toHaveBeenCalledWith({ ...actions.SET_IMAGE_COLLECTION_OPEN,
+          payload: false
+        });
+      });
+      it('sets the error', () => {
+        onSubmitCall();
+        expect(onChange).toHaveBeenCalledWith({
+          type: 'SetError',
+          payload: 'GIF/PNG format images larger than 250 KB are not currently supported.'
+        });
+      });
+    });
   });
   describe('onSubmit() with an image to be compressed', () => {
     const dispatch = jest.fn();

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/__tests__/utils.test.js

@@ -0,0 +1,75 @@
+/*
+ * 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 { isAnUnsupportedGifPngImage } from '../utils';
+import { shouldCompressImage } from '../compressionUtils';
+describe('isAnUnsupportedGifPngImage()', () => {
+  it('returns true for a heavy GIF image', () => {
+    expect(isAnUnsupportedGifPngImage({
+      type: 'image/gif',
+      size: 300 * 1024
+    })).toBe(true);
+  });
+  it('returns true for a heavy PNG image', () => {
+    expect(isAnUnsupportedGifPngImage({
+      type: 'image/png',
+      size: 300 * 1024
+    })).toBe(true);
+  });
+  describe('returns false based on', () => {
+    describe('mime types', () => {
+      it('for jpeg images', () => {
+        expect(isAnUnsupportedGifPngImage({
+          type: 'image/jpeg',
+          size: 200 * 1024
+        })).toBe(false);
+      });
+      it('for webp images', () => {
+        expect(isAnUnsupportedGifPngImage({
+          type: 'image/webp',
+          size: 200 * 1024
+        })).toBe(false);
+      });
+      it('for bmp images', () => {
+        expect(isAnUnsupportedGifPngImage({
+          type: 'image/bmp',
+          size: 200 * 1024
+        })).toBe(false);
+      });
+      it('for tiff images', () => {
+        expect(isAnUnsupportedGifPngImage({
+          type: 'image/tiff',
+          size: 200 * 1024
+        })).toBe(false);
+      });
+    });
+    describe('size', () => {
+      it('for gif images with small size', () => {
+        expect(isAnUnsupportedGifPngImage({
+          type: 'image/gif',
+          size: 100 * 1024
+        })).toBe(false);
+      });
+      it('for png images with small size', () => {
+        expect(isAnUnsupportedGifPngImage({
+          type: 'image/png',
+          size: 100 * 1024
+        })).toBe(false);
+      });
+    });
+  });
+});

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/utils.js

@@ -0,0 +1,29 @@
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+
+/*
+ * 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 MAX_GIF_PNG_SIZE_BYTES = 250 * 1024;
+export const isAnUnsupportedGifPngImage = _ref => {
+  var _context;
+
+  let {
+    type,
+    size
+  } = _ref;
+  return _includesInstanceProperty(_context = ['image/gif', 'image/png']).call(_context, type) && size > MAX_GIF_PNG_SIZE_BYTES;
+};

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/components/IconMakerTray.js

@@ -28,7 +28,7 @@ import { CreateIconMakerForm } from './CreateIconMakerForm';
 import { Footer } from './CreateIconMakerForm/Footer';
 import { buildStylesheet, buildSvg } from '../svg';
 import { statuses, useSvgSettings } from '../svg/settings';
-import { defaultState } from '../reducers/svgSettings';
+import { defaultState, actions } from '../reducers/svgSettings';
 import { ICON_MAKER_ATTRIBUTE, ICON_MAKER_DOWNLOAD_URL_ATTR } from '../svg/constants';
 import { FixedContentTray } from '../../shared/FixedContentTray';
 import { useStoreProps } from '../../shared/StoreContext';
@@ -40,25 +40,25 @@ import bridge from '../../../../bridge';
 const INVALID_MESSAGE = "One of the following styles must be added to save an icon: Icon Color, Outline Size, Icon Text, or Image";
 const UNSAVED_CHANGES_MESSAGE = "You have unsaved changes in the Icon Maker tray. Do you want to continue without saving these changes?";
 
-function renderHeader(title, settings, onKeyDown, isInvalid, onAlertDismissal, onClose) {
+function renderHeader(title, settings, onKeyDown, onAlertDismissal, onClose) {
   return /*#__PURE__*/React.createElement(View, {
     as: "div",
     background: "primary"
-  }, isInvalid && /*#__PURE__*/React.createElement(Alert, {
+  }, settings.error && /*#__PURE__*/React.createElement(Alert, {
     variant: "error",
     margin: "small",
     timeout: 10000,
     onDismiss: onAlertDismissal,
     renderCloseButtonLabel: "Close"
-  }, INVALID_MESSAGE), /*#__PURE__*/React.createElement(Flex, {
+  }, settings.error), /*#__PURE__*/React.createElement(Flex, {
     direction: "column"
   }, /*#__PURE__*/React.createElement(Flex.Item, {
     padding: "medium medium small"
   }, /*#__PURE__*/React.createElement(Flex, {
     direction: "row"
   }, /*#__PURE__*/React.createElement(Flex.Item, {
-    grow: true,
-    shrink: true
+    shouldGrow: true,
+    shouldShrink: true
   }, /*#__PURE__*/React.createElement(Heading, {
     as: "h2"
   }, title)), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(CloseButton, {
@@ -133,7 +133,6 @@ export function IconMakerTray(_ref) {
   } = _ref;
   const nameRef = useRef();
   const applyRef = useRef();
-  const [isInvalid, setIsInvalid] = useState(false);
   const [isOpen, setIsOpen] = useState(true);
   const [replaceAll, setReplaceAll] = useState(false);
   const title = editing ? "\u062A\u062D\u0631\u064A\u0631 \u0627\u0644\u0623\u064A\u0642\u0648\u0646\u0629" : "\u0625\u0646\u0634\u0627\u0621 \u0623\u064A\u0642\u0648\u0646\u0629";
@@ -177,7 +176,10 @@ export function IconMakerTray(_ref) {
   }, [settings.name]);
   useEffect(() => {
     if (validIcon(settings)) {
-      setIsInvalid(false);
+      dispatch({
+        type: actions.SET_ERROR,
+        payload: null
+      });
       setStatus(statuses.IDLE);
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
@@ -190,7 +192,10 @@ export function IconMakerTray(_ref) {
     setStatus(statuses.LOADING);
 
     if (!validIcon(settings)) {
-      setIsInvalid(true);
+      dispatch({
+        type: actions.SET_ERROR,
+        payload: INVALID_MESSAGE
+      });
       setStatus(statuses.ERROR);
       return;
     }
@@ -277,14 +282,17 @@ export function IconMakerTray(_ref) {
     replaceInitialSettings(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [settingsStatus]);
 
-  const handleAlertDismissal = () => setIsInvalid(false);
+  const handleAlertDismissal = () => dispatch({
+    type: actions.SET_ERROR,
+    payload: null
+  });
 
   return /*#__PURE__*/React.createElement(FixedContentTray, {
     title: title,
     isOpen: isOpen,
     onDismiss: onClose,
     onUnmount: onUnmount,
-    renderHeader: () => renderHeader(title, settings, onKeyDown, isInvalid, handleAlertDismissal, onClose),
+    renderHeader: () => renderHeader(title, settings, onKeyDown, handleAlertDismissal, onClose),
     renderBody: () => renderBody(settings, dispatch, editor, editing, !replaceAll, nameRef, rcsConfig, isLoading),
     renderFooter: () => renderFooter(status, onClose, handleSubmit, editing, replaceAll, setReplaceAll, applyRef),
     bodyAs: "form",

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/reducers/imageCropper.js

@@ -24,7 +24,8 @@ export const actions = {
   SET_SCALE_RATIO: 'SetScaleRatio',
   SET_TRANSLATE_X: 'SetTranslateX',
   SET_TRANSLATE_Y: 'SetTranslateY',
-  UPDATE_SETTINGS: 'UpdateSettings'
+  UPDATE_SETTINGS: 'UpdateSettings',
+  RESET_SETTINGS: 'ResetSettings'
 };
 export const cropperSettingsReducer = (state, action) => {
   switch (action.type) {
@@ -63,6 +64,14 @@ export const cropperSettingsReducer = (state, action) => {
         ...action.payload
       };
 
+    case actions.RESET_SETTINGS:
+      return { ...state,
+        rotation: defaultState.rotation,
+        scaleRatio: defaultState.scaleRatio,
+        translateX: defaultState.translateX,
+        translateY: defaultState.translateY
+      };
+
     default:
       throw Error('Unknown action for image cropper reducer');
   }

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/reducers/svgSettings.js

@@ -27,7 +27,8 @@ export const actions = {
   SET_TRANSLATE_X: 'SetTranslateX',
   SET_TRANSLATE_Y: 'SetTranslateY',
   SET_WIDTH: 'SetWidth',
-  SET_HEIGHT: 'SetHeight'
+  SET_HEIGHT: 'SetHeight',
+  SET_ERROR: 'SetError'
 };
 
 const buildTransformString = state => {
@@ -90,6 +91,11 @@ export const svgSettings = (state, action) => {
         height: action.payload
       };
 
+    case actions.SET_ERROR:
+      return { ...state,
+        error: action.payload
+      };
+
     case actions.SET_TRANSLATE_X:
       return nextStateForTransform(state, 'translateX', action.payload);
 

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/svg/__tests__/metadata.test.js

@@ -40,6 +40,7 @@ describe('buildMetadata() / parseMetadata()', () => {
       externalStyle,
       externalWidth,
       externalHeight,
+      error,
       ...embeddedMetadata
     } = settings;
     expect(parseMetadata(svg)).toEqual(embeddedMetadata);

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/svg/__tests__/settings.test.js

@@ -47,6 +47,7 @@ describe('useSvgSettings()', () => {
           "encodedImage": "",
           "encodedImageName": "",
           "encodedImageType": "",
+          "error": null,
           "externalHeight": null,
           "externalStyle": null,
           "externalWidth": null,
@@ -99,6 +100,7 @@ describe('useSvgSettings()', () => {
             "encodedImage": "",
             "encodedImageName": "",
             "encodedImageType": "",
+            "error": null,
             "externalHeight": null,
             "externalStyle": null,
             "externalWidth": null,
@@ -221,6 +223,7 @@ describe('useSvgSettings()', () => {
           "encodedImage": "",
           "encodedImageName": "",
           "encodedImageType": "",
+          "error": null,
           "externalHeight": null,
           "externalStyle": null,
           "externalWidth": null,
@@ -305,6 +308,7 @@ describe('useSvgSettings()', () => {
             "encodedImage": "",
             "encodedImageName": "",
             "encodedImageType": "",
+            "error": null,
             "externalHeight": null,
             "externalStyle": null,
             "externalWidth": null,
@@ -366,6 +370,7 @@ describe('useSvgSettings()', () => {
             "encodedImage": "",
             "encodedImageName": "",
             "encodedImageType": "",
+            "error": null,
             "externalHeight": null,
             "externalStyle": null,
             "externalWidth": null,
@@ -427,6 +432,7 @@ describe('useSvgSettings()', () => {
             "encodedImage": "",
             "encodedImageName": "",
             "encodedImageType": "",
+            "error": null,
             "externalHeight": null,
             "externalStyle": null,
             "externalWidth": null,
@@ -484,6 +490,7 @@ describe('useSvgSettings()', () => {
             "encodedImage": "",
             "encodedImageName": "",
             "encodedImageType": "",
+            "error": null,
             "externalHeight": null,
             "externalStyle": null,
             "externalWidth": null,
@@ -521,6 +528,7 @@ describe('useSvgSettings()', () => {
             "encodedImage": "",
             "encodedImageName": "",
             "encodedImageType": "",
+            "error": null,
             "externalHeight": null,
             "externalStyle": null,
             "externalWidth": null,

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/svg/constants.js

@@ -64,7 +64,8 @@ export const DEFAULT_SETTINGS = {
   width: 0,
   height: 0,
   transform: '',
-  imageSettings: null
+  imageSettings: null,
+  error: null
 };
 export const BASE_SIZE = {
   [Size.ExtraSmall]: 74,

package/lib/translated/ar/modules/rce/plugins/instructure_icon_maker/svg/metadata.js

@@ -26,6 +26,7 @@ export function buildMetadata(settings) {
     externalStyle,
     externalWidth,
     externalHeight,
+    error,
     ...embedSettings
   } = settings;
   const metadata = createSvgElement('metadata');

package/lib/translated/ar/modules/rce/plugins/instructure_image/ImageOptionsTray/index.js

@@ -126,7 +126,7 @@ export default function ImageOptionsTray(props) {
     } finally {
       setShowUrlField(isValidURL ? isExternalUrl(url) : true);
     }
-  }, []);
+  }, [url]);
   const messagesForSize = [];
 
   if (imageSize !== CUSTOM) {
@@ -157,8 +157,8 @@ export default function ImageOptionsTray(props) {
   }, /*#__PURE__*/React.createElement(Flex, {
     direction: "row"
   }, /*#__PURE__*/React.createElement(Flex.Item, {
-    grow: true,
-    shrink: true
+    shouldGrow: true,
+    shouldShrink: true
   }, /*#__PURE__*/React.createElement(Heading, {
     as: "h2"
   }, "\u062E\u064A\u0627\u0631\u0627\u062A \u0627\u0644\u0635\u0648\u0631\u0629")), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(CloseButton, {
@@ -167,9 +167,9 @@ export default function ImageOptionsTray(props) {
     screenReaderLabel: "\u0625\u063A\u0644\u0627\u0642"
   })))), /*#__PURE__*/React.createElement(Flex.Item, {
     as: "form",
-    grow: true,
+    shouldGrow: true,
     margin: "none",
-    shrink: true
+    shouldShrink: true
   }, /*#__PURE__*/React.createElement(Flex, {
     justifyItems: "space-between",
     direction: "column",

package/lib/translated/ar/modules/rce/plugins/instructure_image/Images/index.js

@@ -68,7 +68,7 @@ export default function Images(props) {
     onImageClick: props.onImageEmbed
   })), loader.isLoading && /*#__PURE__*/React.createElement(Flex.Item, {
     as: "div",
-    grow: true
+    shouldGrow: true
   }, /*#__PURE__*/React.createElement(LoadingIndicator, {
     loader: loader
   })), !loader.isLoading && loader.hasMore && /*#__PURE__*/React.createElement(Flex.Item, {

package/lib/translated/ar/modules/rce/plugins/instructure_links/components/CollectionPanel.js

@@ -50,7 +50,9 @@ export default function CollectionPanel(props) {
     onLinkClick: props.onLinkClick,
     suppressRenderEmpty: props.suppressRenderEmpty,
     contextType: props.contextType,
-    searchString: props.searchString
+    searchString: props.searchString,
+    editing: props.editing,
+    onEditClick: props.onEditClick
   })));
 }
 CollectionPanel.propTypes = {
@@ -68,9 +70,12 @@ CollectionPanel.propTypes = {
   newPageLinkExpanded: bool,
   toggleNewPageForm: func,
   onChangeAccordion: func.isRequired,
-  selectedAccordionIndex: string
+  selectedAccordionIndex: string,
+  editing: bool,
+  onEditClick: func
 };
 CollectionPanel.defaultProps = {
   renderNewPageLink: false,
-  suppressRenderEmpty: false
+  suppressRenderEmpty: false,
+  editing: false
 };