Bump filesize from 9.0.11 to 10.0.5 (#1718)

* Bump filesize from 9.0.11 to 10.0.5

Bumps [filesize](https://github.com/avoidwork/filesize.js) from 9.0.11 to 10.0.5.
- [Release notes](https://github.com/avoidwork/filesize.js/releases)
- [Changelog](https://github.com/avoidwork/filesize.js/blob/master/CHANGELOG.md)
- [Commits](https://github.com/avoidwork/filesize.js/commits)

---
updated-dependencies:
- dependency-name: filesize
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix filesize usage

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Matthias Kretschmann <m@kretschmann.io>

package-lock.json

@@ -25,7 +25,7 @@
         "decimal.js": "^10.3.1",
         "dom-confetti": "^0.2.2",
         "dotenv": "^16.0.1",
-        "filesize": "^9.0.11",
+        "filesize": "^10.0.5",
         "formik": "^2.2.9",
         "gray-matter": "^4.0.3",
         "is-url-superb": "^6.1.0",
@@ -22214,11 +22214,11 @@
       }
     },
     "node_modules/filesize": {
-      "version": "9.0.11",
+      "version": "10.0.5",
-      "resolved": "https://registry.npmjs.org/filesize/-/filesize-9.0.11.tgz",
+      "resolved": "https://registry.npmjs.org/filesize/-/filesize-10.0.5.tgz",
-      "integrity": "sha512-gTAiTtI0STpKa5xesyTA9hA3LX4ga8sm2nWRcffEa1L/5vQwb4mj2MdzMkoHoGv4QzfDshQZuYscQSf8c4TKOA==",
+      "integrity": "sha512-qrzyt8gLh86nsyYiC3ibI5KyIYRCWg2yqIklYrWF4a0qNfekik4OQfn7AoPJG2hRrPMSlH6fET4VEITweZAzjA==",
       "engines": {
-        "node": ">= 0.4.0"
+        "node": ">= 14.0.0"
       }
     },
     "node_modules/fill-range": {
@@ -58592,9 +58592,9 @@
       }
     },
     "filesize": {
-      "version": "9.0.11",
+      "version": "10.0.5",
-      "resolved": "https://registry.npmjs.org/filesize/-/filesize-9.0.11.tgz",
+      "resolved": "https://registry.npmjs.org/filesize/-/filesize-10.0.5.tgz",
-      "integrity": "sha512-gTAiTtI0STpKa5xesyTA9hA3LX4ga8sm2nWRcffEa1L/5vQwb4mj2MdzMkoHoGv4QzfDshQZuYscQSf8c4TKOA=="
+      "integrity": "sha512-qrzyt8gLh86nsyYiC3ibI5KyIYRCWg2yqIklYrWF4a0qNfekik4OQfn7AoPJG2hRrPMSlH6fET4VEITweZAzjA=="
     },
     "fill-range": {
       "version": "7.0.1",

package.json

@@ -38,7 +38,7 @@
     "decimal.js": "^10.3.1",
     "dom-confetti": "^0.2.2",
     "dotenv": "^16.0.1",
-    "filesize": "^9.0.11",
+    "filesize": "^10.0.5",
     "formik": "^2.2.9",
     "gray-matter": "^4.0.3",
     "is-url-superb": "^6.1.0",

src/components/@shared/FileIcon/index.tsx

@@ -1,13 +1,10 @@
 import React, { ReactElement } from 'react'
-import filesize from 'filesize'
+import { filesize } from 'filesize'
-import classNames from 'classnames/bind'
 import cleanupContentType from '@utils/cleanupContentType'
 import styles from './index.module.css'
 import Loader from '@shared/atoms/Loader'
 import { FileInfo } from '@oceanprotocol/lib'
 
-const cx = classNames.bind(styles)
-
 function LoaderArea() {
   return (
     <div className={styles.loaderWrap}>
@@ -27,11 +24,9 @@ export default function FileIcon({
   small?: boolean
   isLoading?: boolean
 }): ReactElement {
-  const styleClasses = cx({
+  const styleClasses = `${styles.file} ${small ? styles.small : ''} ${
-    file: true,
+    className || ''
-    small,
+  }`
-    [className]: className
-  })
 
   return (
     <ul className={styleClasses}>
@@ -42,7 +37,7 @@ export default function FileIcon({
               <li>{cleanupContentType(file.contentType)}</li>
               <li>
                 {file.contentLength && file.contentLength !== '0'
-                  ? filesize(Number(file.contentLength))
+                  ? filesize(Number(file.contentLength)).toString()
                   : ''}
               </li>
             </>