Fix Typescript error when importing elements

This is a fix for the issue useAnimations#39 that i opened recently. The changes made only change 'import type' to 'import'.

src/bin/addAnimationFiles.sh

@@ -13,7 +13,7 @@ for file in *; do
     mkdir "${file%.*}"
     mv "$file" "${file%.*}"
     touch "index.ts"
-    echo "import type { Animation } from '../../utils/constants';" >> "index.ts"
+    echo "import { Animation } from '../../utils/constants';" >> "index.ts"
     echo "import ${file%.*} from './$file';" >> "index.ts"
     echo "" >> "index.ts"
     echo "export default { animationData: ${file%.*}, animationKey: '${file%.*}' } as Animation;" >> "index.ts"
@@ -25,4 +25,4 @@ done
 truncate -s -3 "../temp.ts"
 echo ";" >> "../temp.ts"
 cat "../temp.ts" >> "../utils/constants.ts"
-rm "../temp.ts"
+rm "../temp.ts"

src/index.tsx

@@ -2,10 +2,10 @@ import React, { useState, useEffect, useRef, ReactElement } from 'react';
 // UNFORTUNATELY WHEN LIGHT VERSION IS USED, SOME ANIMATIONS ARE NOT WORKING AS EXPECTED
 // import lottie from 'lottie-web/build/player/lottie_light';
 import lottie from 'lottie-web';
-import type { AnimationItem, AnimationConfigWithData, AnimationConfig } from 'lottie-web';
+import { AnimationItem, AnimationConfigWithData, AnimationConfig } from 'lottie-web';
 
 import { getEffect, getEvents } from './utils';
-import type { Animation, AnimationEffect } from './utils';
+import { Animation, AnimationEffect } from './utils';
 
 const getRandomId = (key: Animation['animationKey']) =>
   `${key}_i${Math.floor(Math.random() * 10000 + 1)}`;

src/lib/activity/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import activity from './activity.json';
 
 export default { animationData: activity, animationKey: 'activity' } as Animation;

src/lib/airplay/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import airplay from './airplay.json';
 
 export default { animationData: airplay, animationKey: 'airplay' } as Animation;

src/lib/alertCircle/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import alertCircle from './alertCircle.json';
 
 export default { animationData: alertCircle, animationKey: 'alertCircle' } as Animation;

src/lib/alertOctagon/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import alertOctagon from './alertOctagon.json';
 
 export default { animationData: alertOctagon, animationKey: 'alertOctagon' } as Animation;

src/lib/alertTriangle/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import alertTriangle from './alertTriangle.json';
 
 export default { animationData: alertTriangle, animationKey: 'alertTriangle' } as Animation;

src/lib/archive/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import archive from './archive.json';
 
 export default { animationData: archive, animationKey: 'archive' } as Animation;

src/lib/arrowDown/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import arrowDown from './arrowDown.json';
 
 export default { animationData: arrowDown, animationKey: 'arrowDown' } as Animation;

src/lib/arrowDownCircle/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import arrowDownCircle from './arrowDownCircle.json';
 
 export default { animationData: arrowDownCircle, animationKey: 'arrowDownCircle' } as Animation;

src/lib/arrowLeftCircle/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import arrowLeftCircle from './arrowLeftCircle.json';
 
 export default { animationData: arrowLeftCircle, animationKey: 'arrowLeftCircle' } as Animation;

src/lib/arrowRightCircle/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import arrowRightCircle from './arrowRightCircle.json';
 
 export default { animationData: arrowRightCircle, animationKey: 'arrowRightCircle' } as Animation;

src/lib/arrowUp/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import arrowUp from './arrowUp.json';
 
 export default { animationData: arrowUp, animationKey: 'arrowUp' } as Animation;

src/lib/arrowUpCircle/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import arrowUpCircle from './arrowUpCircle.json';
 
 export default { animationData: arrowUpCircle, animationKey: 'arrowUpCircle' } as Animation;

src/lib/bookmark/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import bookmark from './bookmark.json';
 
 export default { animationData: bookmark, animationKey: 'bookmark' } as Animation;

src/lib/calendar/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import calendar from './calendar.json';
 
 export default { animationData: calendar, animationKey: 'calendar' } as Animation;

src/lib/checkBox/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import checkBox from './checkBox.json';
 
 export default { animationData: checkBox, animationKey: 'checkBox' } as Animation;

src/lib/codepen/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import codepen from './codepen.json';
 
 export default { animationData: codepen, animationKey: 'codepen' } as Animation;

src/lib/copy/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import copy from './copy.json';
 
 export default { animationData: copy, animationKey: 'copy' } as Animation;

src/lib/download/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import download from './download.json';
 
 export default { animationData: download, animationKey: 'download' } as Animation;

src/lib/edit/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import edit from './edit.json';
 
 export default { animationData: edit, animationKey: 'edit' } as Animation;

src/lib/explore/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import explore from './explore.json';
 
 export default { animationData: explore, animationKey: 'explore' } as Animation;

src/lib/facebook/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import facebook from './facebook.json';
 
 export default { animationData: facebook, animationKey: 'facebook' } as Animation;

src/lib/github/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import github from './github.json';
 
 export default { animationData: github, animationKey: 'github' } as Animation;

src/lib/heart/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import heart from './heart.json';
 
 export default { animationData: heart, animationKey: 'heart' } as Animation;

src/lib/infinity/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import infinity from './infinity.json';
 
 export default { animationData: infinity, animationKey: 'infinity' } as Animation;

src/lib/info/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import info from './info.json';
 
 export default { animationData: info, animationKey: 'info' } as Animation;

src/lib/instagram/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import instagram from './instagram.json';
 
 export default { animationData: instagram, animationKey: 'instagram' } as Animation;

src/lib/linkedin/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import linkedin from './linkedin.json';
 
 export default { animationData: linkedin, animationKey: 'linkedin' } as Animation;

src/lib/loading/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import loading from './loading.json';
 
 export default { animationData: loading, animationKey: 'loading' } as Animation;

src/lib/loading2/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import loading2 from './loading2.json';
 
 export default { animationData: loading2, animationKey: 'loading2' } as Animation;

src/lib/loading3/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import loading3 from './loading3.json';
 
 export default { animationData: loading3, animationKey: 'loading3' } as Animation;

src/lib/lock/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import lock from './lock.json';
 
 export default { animationData: lock, animationKey: 'lock' } as Animation;

src/lib/mail/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import mail from './mail.json';
 
 export default { animationData: mail, animationKey: 'mail' } as Animation;

src/lib/maximizeMinimize/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import maximizeMinimize from './maximizeMinimize.json';
 
 export default { animationData: maximizeMinimize, animationKey: 'maximizeMinimize' } as Animation;

src/lib/maximizeMinimize2/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import maximizeMinimize2 from './maximizeMinimize2.json';
 
 export default { animationData: maximizeMinimize2, animationKey: 'maximizeMinimize2' } as Animation;

src/lib/menu/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import menu from './menu.json';
 
 export default { animationData: menu, animationKey: 'menu' } as Animation;

src/lib/menu2/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import menu2 from './menu2.json';
 
 export default { animationData: menu2, animationKey: 'menu2' } as Animation;

src/lib/menu3/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import menu3 from './menu3.json';
 
 export default { animationData: menu3, animationKey: 'menu3' } as Animation;

src/lib/menu4/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import menu4 from './menu4.json';
 
 export default { animationData: menu4, animationKey: 'menu4' } as Animation;

src/lib/microphone/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import microphone from './microphone.json';
 
 export default { animationData: microphone, animationKey: 'microphone' } as Animation;

src/lib/microphone2/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import microphone2 from './microphone2.json';
 
 export default { animationData: microphone2, animationKey: 'microphone2' } as Animation;

src/lib/notification/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import notification from './notification.json';
 
 export default { animationData: notification, animationKey: 'notification' } as Animation;

src/lib/notification2/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import notification2 from './notification2.json';
 
 export default { animationData: notification2, animationKey: 'notification2' } as Animation;

src/lib/playPause/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import playPause from './playPause.json';
 
 export default { animationData: playPause, animationKey: 'playPause' } as Animation;

src/lib/playPauseCircle/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import playPauseCircle from './playPauseCircle.json';
 
 export default { animationData: playPauseCircle, animationKey: 'playPauseCircle' } as Animation;

src/lib/plusToX/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import plusToX from './plusToX.json';
 
 export default { animationData: plusToX, animationKey: 'plusToX' } as Animation;

src/lib/pocket/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import pocket from './pocket.json';
 
 export default { animationData: pocket, animationKey: 'pocket' } as Animation;

src/lib/radioButton/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import radioButton from './radioButton.json';
 
 export default { animationData: radioButton, animationKey: 'radioButton' } as Animation;

src/lib/scrollDown/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import scrollDown from './scrollDown.json';
 
 export default { animationData: scrollDown, animationKey: 'scrollDown' } as Animation;

src/lib/searchToX/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import searchToX from './searchToX.json';
 
 export default { animationData: searchToX, animationKey: 'searchToX' } as Animation;

src/lib/settings/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import settings from './settings.json';
 
 export default { animationData: settings, animationKey: 'settings' } as Animation;

src/lib/settings2/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import settings2 from './settings2.json';
 
 export default { animationData: settings2, animationKey: 'settings2' } as Animation;

src/lib/share/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import share from './share.json';
 
 export default { animationData: share, animationKey: 'share' } as Animation;

src/lib/skipBack/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import skipBack from './skipBack.json';
 
 export default { animationData: skipBack, animationKey: 'skipBack' } as Animation;

src/lib/skipForward/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import skipForward from './skipForward.json';
 
 export default { animationData: skipForward, animationKey: 'skipForward' } as Animation;

src/lib/star/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import star from './star.json';
 
 export default { animationData: star, animationKey: 'star' } as Animation;

src/lib/thumbUp/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import thumbUp from './thumbUp.json';
 
 export default { animationData: thumbUp, animationKey: 'thumbUp' } as Animation;

src/lib/toggle/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import toggle from './toggle.json';
 
 export default { animationData: toggle, animationKey: 'toggle' } as Animation;

src/lib/trash/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import trash from './trash.json';
 
 export default { animationData: trash, animationKey: 'trash' } as Animation;

src/lib/trash2/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import trash2 from './trash2.json';
 
 export default { animationData: trash2, animationKey: 'trash2' } as Animation;

src/lib/twitter/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import twitter from './twitter.json';
 
 export default { animationData: twitter, animationKey: 'twitter' } as Animation;

src/lib/userMinus/index.ts

@@ -1,4 +1,4 @@
-import type { Animation } from '../../utils/constants';
+import { Animation } from '../../utils/constants';
 import userMinus from './userMinus.json';
 
 export default { animationData: userMinus, animationKey: 'userMinus' } as Animation;