chore: formatted svg files, added eslint config as there is one missing

Signed-off-by: Antonette Caldwell <[email protected]>
layer5io · Sep 5, 2023 · bf397fe · bf397fe
1 parent c3cb288
commit bf397fe
Show file tree

Hide file tree

Showing 25 changed files with 264 additions and 175 deletions.
diff --git a/packages/svg/.eslintrc.js b/packages/svg/.eslintrc.js
@@ -0,0 +1,20 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "standard-with-typescript",
+        "plugin:react/recommended"
+    ],
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react"
+    ],
+    "rules": {
+        'react/react-in-jsx-scope': 0
+    }
+}
diff --git a/packages/svg/package.json b/packages/svg/package.json
@@ -22,13 +22,20 @@
     "@types/jest": "^29.5.4",
     "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "eslint": "^8.0.1",
+    "eslint-config-standard-with-typescript": "^39.0.0",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.33.2",
     "jest": "^29.6.4",
     "jest-environment-jsdom": "^29.6.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ts-jest": "^29.1.1",
     "tsup": "^7.2.0",
-    "typescript": "^5.1.6"
+    "typescript": "*"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/svg/src/icons/Add/AddIcon.tsx b/packages/svg/src/icons/Add/AddIcon.tsx
@@ -1,13 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const AddIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  fill = DEFAULT_FILL_NONE,
-  ...props
-}) => {
+export const AddIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, fill = DEFAULT_FILL_NONE, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Add/AddIconCircleBordered.tsx b/packages/svg/src/icons/Add/AddIconCircleBordered.tsx
@@ -1,13 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const AddIconCircleBordered: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  fill = DEFAULT_FILL_NONE,
-  ...props
-}) => {
+export const AddIconCircleBordered: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, fill = DEFAULT_FILL_NONE, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Application/ApplicationIcon.tsx b/packages/svg/src/icons/Application/ApplicationIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-const ApplicationIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+const ApplicationIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Application/KeppelApplicationIcon.tsx b/packages/svg/src/icons/Application/KeppelApplicationIcon.tsx
@@ -1,24 +1,26 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import {
   CARIBBEAN_GREEN_FILL,
   DEFAULT_HEIGHT,
   DEFAULT_WIDTH,
   KEPPEL_GREEN_FILL
 } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
 type KeppelApplicationIconProps = {
   primaryFill: string;
   secondaryFill: string;
 } & IconProps;
 
-export const KeppelApplicationIcon: FC<KeppelApplicationIconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  primaryFill = KEPPEL_GREEN_FILL,
-  secondaryFill = CARIBBEAN_GREEN_FILL,
-  ...props
-}) => {
+export const KeppelApplicationIcon: FC<KeppelApplicationIconProps> = (
+  {
+    width = DEFAULT_WIDTH,
+    height = DEFAULT_HEIGHT,
+    primaryFill = KEPPEL_GREEN_FILL,
+    secondaryFill = CARIBBEAN_GREEN_FILL,
+    ...props
+  }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Application/OutlinedApplicationIcon.tsx b/packages/svg/src/icons/Application/OutlinedApplicationIcon.tsx
@@ -1,19 +1,21 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import {
   DEFAULT_FILL_NONE,
   DEFAULT_HEIGHT,
   DEFAULT_STROKE,
   DEFAULT_WIDTH
 } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const OutlinedApplicationIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  fill = DEFAULT_FILL_NONE,
-  stroke = DEFAULT_STROKE,
-  ...props
-}) => {
+export const OutlinedApplicationIcon: FC<IconProps> = (
+  {
+    width = DEFAULT_WIDTH,
+    height = DEFAULT_HEIGHT,
+    fill = DEFAULT_FILL_NONE,
+    stroke = DEFAULT_STROKE,
+    ...props
+  }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Bell/BellIcon.tsx b/packages/svg/src/icons/Bell/BellIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const BellIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+export const BellIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Bus/BusIcon.tsx b/packages/svg/src/icons/Bus/BusIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const BusIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+export const BusIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Chat/ChatIcon.tsx b/packages/svg/src/icons/Chat/ChatIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const ChatIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+export const ChatIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Circle/CircleIcon.tsx b/packages/svg/src/icons/Circle/CircleIcon.tsx
@@ -1,13 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_FILL, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const CircleIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  fill = DEFAULT_FILL,
-  ...props
-}) => {
+export const CircleIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, fill = DEFAULT_FILL, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Circle/OutlinedCircleIcon.tsx b/packages/svg/src/icons/Circle/OutlinedCircleIcon.tsx
@@ -1,21 +1,23 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import {
   DEFAULT_FILL_NONE,
   DEFAULT_HEIGHT,
   DEFAULT_STROKE,
   DEFAULT_STROKE_WIDTH,
   DEFAULT_WIDTH
 } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const OutlinedCircleIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  fill = DEFAULT_FILL_NONE,
-  stroke = DEFAULT_STROKE,
-  strokeWidth = DEFAULT_STROKE_WIDTH,
-  ...props
-}) => {
+export const OutlinedCircleIcon: FC<IconProps> = (
+  {
+    width = DEFAULT_WIDTH,
+    height = DEFAULT_HEIGHT,
+    fill = DEFAULT_FILL_NONE,
+    stroke = DEFAULT_STROKE,
+    strokeWidth = DEFAULT_STROKE_WIDTH,
+    ...props
+  }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Clone/CloneIcon.tsx b/packages/svg/src/icons/Clone/CloneIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const CloneIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+export const CloneIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Cloud/CloudSavedIcon.tsx b/packages/svg/src/icons/Cloud/CloudSavedIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const CloudSavedIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+export const CloudSavedIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Component/ComponentIcon.tsx b/packages/svg/src/icons/Component/ComponentIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const ComponentIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+export const ComponentIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/Copy/CopyLinkIcon.tsx b/packages/svg/src/icons/Copy/CopyLinkIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const CopyLinkIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+export const CopyLinkIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/CreateNew/CreateNewIcon.tsx b/packages/svg/src/icons/CreateNew/CreateNewIcon.tsx
@@ -1,12 +1,10 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
-import { IconProps } from '../types';
+import { type IconProps } from '../types';
 
-export const CreateNewIcon: FC<IconProps> = ({
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  ...props
-}) => {
+export const CreateNewIcon: FC<IconProps> = (
+  { width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT, ...props }
+) => {
   return (
     <svg
       width={width}

diff --git a/packages/svg/src/icons/FilledCircleIcon.tsx b/packages/svg/src/icons/FilledCircleIcon.tsx
@@ -1,12 +1,9 @@
-import { FC } from 'react';
-import { IconProps } from './types';
+import { type FC } from 'react';
+import { type IconProps } from './types';
 
-export const FilledCircleIcon: FC<IconProps> = ({
-  width,
-  height,
-  fill = 'currentColor',
-  ...props
-}) => {
+export const FilledCircleIcon: FC<IconProps> = (
+  { width, height, fill = 'currentColor', ...props }
+) => {
   return (
     <svg width={width} height={height} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
       <path