@instructure/canvas-rce 5.14.1 → 5.14.2

package/es/rce/plugins/instructure_icon_maker/reducers/imageSection.js

@@ -15,6 +15,7 @@
  * 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';
 export const initialState = {
   mode: '',
@@ -91,104 +92,102 @@ export const modes = {
     label: formatMessage('Multi Color Image')
   }
 };
-
 const imageSection = (state, action) => {
   switch (action.type) {
     case actions.START_LOADING.type:
-      return { ...state,
+      return {
+        ...state,
         loading: true
       };
-
     case actions.STOP_LOADING.type:
-      return { ...state,
+      return {
+        ...state,
         loading: false
       };
-
     case actions.SET_IMAGE.type:
-      return { ...state,
+      return {
+        ...state,
         image: action.payload
       };
-
     case actions.SET_IMAGE_NAME.type:
-      return { ...state,
+      return {
+        ...state,
         imageName: action.payload
       };
-
     case actions.SET_COMPRESSION_STATUS.type:
-      return { ...state,
+      return {
+        ...state,
         compressed: action.payload
       };
-
     case actions.CLEAR_IMAGE.type:
-      return { ...state,
+      return {
+        ...state,
         image: '',
         imageName: '',
         compressed: false
       };
-
     case actions.SET_ICON.type:
-      return { ...state,
+      return {
+        ...state,
         icon: action.payload
       };
-
     case actions.SET_ICON_FILL_COLOR.type:
-      return { ...state,
+      return {
+        ...state,
         iconFillColor: action.payload
       };
-
     case actions.CLEAR_MODE.type:
-      return { ...state,
+      return {
+        ...state,
         mode: ''
       };
-
     case actions.SET_IMAGE_COLLECTION_OPEN.type:
-      return { ...state,
+      return {
+        ...state,
         collectionOpen: action.payload
       };
-
     case actions.RESET_ALL.type:
-      return { ...state,
+      return {
+        ...state,
         ...initialState
       };
-
     case modes.uploadImages.type:
-      return { ...state,
+      return {
+        ...state,
         mode: modes.uploadImages.type
       };
-
     case modes.singleColorImages.type:
-      return { ...state,
+      return {
+        ...state,
         mode: modes.singleColorImages.type
       };
-
     case modes.multiColorImages.type:
-      return { ...state,
+      return {
+        ...state,
         mode: modes.multiColorImages.type
       };
-
     case modes.courseImages.type:
-      return { ...state,
+      return {
+        ...state,
         mode: modes.courseImages.type
       };
-
     case actions.UPDATE_SETTINGS.type:
-      return { ...state,
+      return {
+        ...state,
         ...action.payload
       };
-
     case actions.SET_CROPPER_OPEN.type:
-      return { ...state,
+      return {
+        ...state,
         cropperOpen: action.payload
       };
-
     case actions.SET_CROPPER_SETTINGS.type:
-      return { ...state,
+      return {
+        ...state,
         cropperSettings: action.payload
       };
-
     default:
       throw Error('Unknown action for image selection reducer');
   }
 };
-
 export default imageSection;

package/es/rce/plugins/instructure_icon_maker/reducers/svgSettings.js

@@ -15,6 +15,7 @@
  * 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 { DEFAULT_SETTINGS } from '../svg/constants';
 export const defaultState = DEFAULT_SETTINGS;
 export const actions = {
@@ -28,70 +29,69 @@ export const actions = {
   SET_HEIGHT: 'SetHeight',
   SET_ERROR: 'SetError'
 };
-
 const buildTransformString = state => {
   // All transforms that may be applied to an image
   return [`translate(${state.translateX},${state.translateY})`].join(' ');
 };
-
 const nextStateForTransform = (currentState, transformProp, value) => {
   // Set the transform property that actually changed
-  let nextState = { ...currentState,
+  let nextState = {
+    ...currentState,
     [transformProp]: value
-  }; // Regenerate the new "transform" string, taking into account the transform
-  // property value that was updated
+  };
 
-  nextState = { ...nextState,
+  // Regenerate the new "transform" string, taking into account the transform
+  // property value that was updated
+  nextState = {
+    ...nextState,
     transform: buildTransformString(nextState)
   };
   return nextState;
 };
-
 export const svgSettings = (state, action) => {
   switch (action.type) {
     case actions.SET_IMAGE_SETTINGS:
-      return { ...state,
+      return {
+        ...state,
         imageSettings: action.payload
       };
-
     case actions.SET_EMBED_IMAGE:
-      return { ...state,
+      return {
+        ...state,
         embedImage: action.payload
       };
-
     case actions.SET_X:
-      return { ...state,
+      return {
+        ...state,
         x: action.payload
       };
-
     case actions.SET_Y:
-      return { ...state,
+      return {
+        ...state,
         y: action.payload
       };
-
     case actions.SET_WIDTH:
-      return { ...state,
+      return {
+        ...state,
         width: action.payload
       };
-
     case actions.SET_HEIGHT:
-      return { ...state,
+      return {
+        ...state,
         height: action.payload
       };
-
     case actions.SET_ERROR:
-      return { ...state,
+      return {
+        ...state,
         error: action.payload
       };
-
     case actions.SET_TRANSLATE_X:
       return nextStateForTransform(state, 'translateX', action.payload);
-
     case actions.SET_TRANSLATE_Y:
       return nextStateForTransform(state, 'translateY', action.payload);
-
     default:
-      return { ...state,
+      return {
+        ...state,
         ...action
       };
   }

package/es/rce/plugins/instructure_icon_maker/registerEditToolbar.js

@@ -15,6 +15,7 @@
  * 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 { BUTTON_ID, TOOLBAR_ID, ICON_MAKER_ATTRIBUTE } from './svg/constants';
 import TrayController from '../instructure_image/ImageOptionsTray/TrayController';
@@ -26,7 +27,6 @@ export default function registerEditToolbar(editor, onAction) {
   addAltTextButton(editor);
   addContextToolbar(editor);
 }
-
 function addButton(editor, onAction) {
   editor.ui.registry.addButton(BUTTON_ID, {
     onAction,
@@ -34,7 +34,6 @@ function addButton(editor, onAction) {
     tooltip: formatMessage('Edit Existing Icon Maker Icon')
   });
 }
-
 function addAltTextButton(editor) {
   editor.ui.registry.addButton(EDIT_ALT_TEXT_BUTTON_ID, {
     onAction: () => {
@@ -45,7 +44,6 @@ function addAltTextButton(editor) {
     tooltip: formatMessage('Edit alt text for this icon instance')
   });
 }
-
 function addContextToolbar(editor) {
   editor.ui.registry.addContextToolbar(TOOLBAR_ID, {
     items: `${BUTTON_ID} ${EDIT_ALT_TEXT_BUTTON_ID}`,

package/es/rce/plugins/instructure_icon_maker/svg/constants.js

@@ -15,15 +15,16 @@
  * 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 TYPE = 'image/svg+xml-icon-maker-icons'; // New constants added to centralize imports
 
+export const TYPE = 'image/svg+xml-icon-maker-icons';
+// New constants added to centralize imports
 export const BUTTON_ID = 'inst-icon-maker-edit';
 export const TOOLBAR_ID = 'inst-icon-maker-edit-toolbar';
 export const ICON_MAKER_ATTRIBUTE = 'data-inst-icon-maker-icon';
 export const ICON_MAKER_DOWNLOAD_URL_ATTR = 'data-download-url';
 export const ICON_MAKER_ICONS = 'icon_maker_icons';
-export const ICON_MAKER_PARAM = 'icon_maker_icon'; // different definitions for filetypes
-
+export const ICON_MAKER_PARAM = 'icon_maker_icon';
+// different definitions for filetypes
 export const SVG_XML_TYPE = 'image/svg+xml';
 export const SVG_TYPE = 'image/svg';
 export const Size = {