@instructure/canvas-rce 5.14.1 → 5.15.0

package/es/rce/plugins/instructure_icon_maker/svg/shape.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 { createSvgElement } from './utils';
 import { Size } from './constants';
 export const Shape = {
@@ -27,42 +28,31 @@ export const Shape = {
   Octagon: 'octagon',
   Star: 'star'
 };
-export function buildShape(_ref) {
-  let {
-    shape,
-    size
-  } = _ref;
-
+export function buildShape({
+  shape,
+  size
+}) {
   switch (shape) {
     case Shape.Square:
       return buildSquare(size);
-
     case Shape.Circle:
       return buildCircle(size);
-
     case Shape.Triangle:
       return buildTriangle(size);
-
     case Shape.Diamond:
       return buildDiamond(size);
-
     case Shape.Pentagon:
       return buildPentagon(size);
-
     case Shape.Hexagon:
       return buildHexagon(size);
-
     case Shape.Octagon:
       return buildOctagon(size);
-
     case Shape.Star:
       return buildStar(size);
-
     default:
       throw new Error(`Invalid shape: ${shape}`);
   }
 }
-
 function buildSquare(size) {
   switch (size) {
     case Size.ExtraSmall:
@@ -72,7 +62,6 @@ function buildSquare(size) {
         width: '66',
         height: '66'
       });
-
     case Size.Small:
       return createSvgElement('rect', {
         x: '4',
@@ -80,7 +69,6 @@ function buildSquare(size) {
         width: '114',
         height: '114'
       });
-
     case Size.Medium:
       return createSvgElement('rect', {
         x: '4',
@@ -88,7 +76,6 @@ function buildSquare(size) {
         width: '150',
         height: '150'
       });
-
     case Size.Large:
       return createSvgElement('rect', {
         x: '4',
@@ -96,12 +83,10 @@ function buildSquare(size) {
         width: '210',
         height: '210'
       });
-
     default:
       throw new Error(`Invalid size: ${size}`);
   }
 }
-
 function buildCircle(size) {
   switch (size) {
     case Size.ExtraSmall:
@@ -110,60 +95,50 @@ function buildCircle(size) {
         cy: '37',
         r: '33'
       });
-
     case Size.Small:
       return createSvgElement('circle', {
         cx: '61',
         cy: '61',
         r: '57'
       });
-
     case Size.Medium:
       return createSvgElement('circle', {
         cx: '79',
         cy: '79',
         r: '75'
       });
-
     case Size.Large:
       return createSvgElement('circle', {
         cx: '109',
         cy: '109',
         r: '105'
       });
-
     default:
       throw new Error(`Invalid size: ${size}`);
   }
 }
-
 function buildTriangle(size) {
   switch (size) {
     case Size.ExtraSmall:
       return createSvgElement('path', {
         d: 'M37 8L66 70H8L37 8Z'
       });
-
     case Size.Small:
       return createSvgElement('path', {
         d: 'M61 8L114 118H8L61 8Z'
       });
-
     case Size.Medium:
       return createSvgElement('path', {
         d: 'M79 8L150 154H8L79 8Z'
       });
-
     case Size.Large:
       return createSvgElement('path', {
         d: 'M109 8L210 214H8L109 8Z'
       });
-
     default:
       throw new Error(`Invalid size: ${size}`);
   }
 }
-
 function buildDiamond(size) {
   switch (size) {
     case Size.ExtraSmall:
@@ -174,7 +149,6 @@ function buildDiamond(size) {
         height: '44',
         transform: 'rotate(-45 6 37)'
       });
-
     case Size.Small:
       return createSvgElement('rect', {
         x: '7',
@@ -183,7 +157,6 @@ function buildDiamond(size) {
         height: '77',
         transform: 'rotate(-45 7 61)'
       });
-
     case Size.Medium:
       return createSvgElement('rect', {
         x: '6',
@@ -192,7 +165,6 @@ function buildDiamond(size) {
         height: '103',
         transform: 'rotate(-45 6 79)'
       });
-
     case Size.Large:
       return createSvgElement('rect', {
         x: '6',
@@ -201,115 +173,94 @@ function buildDiamond(size) {
         height: '146',
         transform: 'rotate(-45 6 109)'
       });
-
     default:
       throw new Error(`Invalid size: ${size}`);
   }
 }
-
 function buildPentagon(size) {
   switch (size) {
     case Size.ExtraSmall:
       return createSvgElement('path', {
         d: 'M5 28.9191L37 5L69 28.9191L55.235 68H18.8686L5 28.9191Z'
       });
-
     case Size.Small:
       return createSvgElement('path', {
         d: 'M5 47.3838L61 6L117 47.3839L92.9113 115H29.27L5 47.3838Z'
       });
-
     case Size.Medium:
       return createSvgElement('path', {
         d: 'M5 61.0519L79 6L153 61.0519L121.168 151H37.0711L5 61.0519Z'
       });
-
     case Size.Large:
       return createSvgElement('path', {
         d: 'M5 84.8319L109 7L213 84.832L168.264 212H50.0728L5 84.8319Z'
       });
-
     default:
       throw new Error(`Invalid size: ${size}`);
   }
 }
-
 function buildHexagon(size) {
   switch (size) {
     case Size.ExtraSmall:
       return createSvgElement('path', {
         d: 'M50.75 4L70 37L50.75 70H23.25L4 37L23.25 4H50.75Z'
       });
-
     case Size.Small:
       return createSvgElement('path', {
         d: 'M84.75 4L118 61L84.75 118H37.25L4 61L37.25 4H84.75Z'
       });
-
     case Size.Medium:
       return createSvgElement('path', {
         d: 'M110.25 4L154 79L110.25 154H47.75L4 79L47.75 4H110.25Z'
       });
-
     case Size.Large:
       return createSvgElement('path', {
         d: 'M152.75 4L214 109L152.75 214H65.25L4 109L65.25 4H152.75Z'
       });
-
     default:
       throw new Error(`Invalid size: ${size}`);
   }
 }
-
 function buildOctagon(size) {
   switch (size) {
     case Size.ExtraSmall:
       return createSvgElement('path', {
         d: 'M4 23.25L23.25 4H50.75L70 23.25V50.75L50.75 70H23.25L4 50.75V23.25Z'
       });
-
     case Size.Small:
       return createSvgElement('path', {
         d: 'M4 37.25L37.25 4H84.75L118 37.25V84.75L84.75 118H37.25L4 84.75V37.25Z'
       });
-
     case Size.Medium:
       return createSvgElement('path', {
         d: 'M4 47.75L47.75 4H110.25L154 47.75V110.25L110.25 154H47.75L4 110.25V47.75Z'
       });
-
     case Size.Large:
       return createSvgElement('path', {
         d: 'M4 65.25L65.25 4H152.75L214 65.25V152.75L152.75 214H65.25L4 152.75V65.25Z'
       });
-
     default:
       throw new Error(`Invalid size: ${size}`);
   }
 }
-
 function buildStar(size) {
   switch (size) {
     case Size.ExtraSmall:
       return createSvgElement('path', {
         d: 'M37.0623 14L42.5481 32.75H61L45.5403 43L53.5195 62L37.0623 49.25L21.1039 62L28.0857 43L13 32.75H31.5766L37.0623 14Z'
       });
-
     case Size.Small:
       return createSvgElement('path', {
         d: 'M61.1247 13L72.0961 50.5H109L78.0805 71L94.039 109L61.1247 83.5L29.2078 109L43.1714 71L13 50.5H50.1532L61.1247 13Z'
       });
-
     case Size.Medium:
       return createSvgElement('path', {
         d: 'M79.1714 13L94.2571 64.5625H145L102.486 92.75L124.429 145L79.1714 109.937L35.2857 145L54.4857 92.75L13 64.5625H64.0857L79.1714 13Z'
       });
-
     case Size.Large:
       return createSvgElement('path', {
         d: 'M109.249 13L131.192 88H205L143.161 129L175.078 205L109.249 154L45.4156 205L73.3429 129L13 88H87.3065L109.249 13Z'
       });
-
     default:
       throw new Error(`Invalid size: ${size}`);
   }