Upgrade dropzone component (#9169)

* Upgrade dropzone component * Revert as any removal
2023-03-14 14:27:31 +02:00 · 2023-03-14 14:27:31 +02:00 · c6f0c6035a
commit c6f0c6035a
parent 393df5c571
11 changed files with 156 additions and 163 deletions
--- a/package.json
+++ b/package.json
@ -68,7 +68,7 @@
  "devDependencies": {
    "@crustio/crust-pin": "^1.0.0",
    "@pinata/sdk": "^1.2.1",
-    "@polkadot/dev": "^0.71.6",
+    "@polkadot/dev": "^0.71.9",
    "@types/chart.js": "^2.9.37",
    "@types/file-saver": "^2.0.5",
    "@types/react-beautiful-dnd": "^13.1.3",
@ -89,7 +89,7 @@
    "react-dom": "^18.2.0",
    "react-is": "^18.2.0",
    "source-map-explorer": "^2.5.3",
-    "styled-components": "^5.3.8"
+    "styled-components": "^5.3.9"
  },
  "resolutions": {
    "@polkadot/api": "^10.1.2",
--- a/packages/apps-electron/package.json
+++ b/packages/apps-electron/package.json
@ -12,7 +12,7 @@
  "sideEffects": false,
  "version": "0.124.2-148-x",
  "dependencies": {
-    "@polkadot/dev": "^0.71.6",
+    "@polkadot/dev": "^0.71.9",
    "@polkadot/react-components": "^0.124.2-148-x",
    "electron-log": "^5.0.0-beta.16",
    "electron-updater": "^5.3.0"
--- a/packages/apps/package.json
+++ b/packages/apps/package.json
@ -15,7 +15,7 @@
  "dependencies": {
    "@polkadot/apps-config": "^0.124.2-148-x",
    "@polkadot/apps-routing": "^0.124.2-148-x",
-    "@polkadot/dev": "^0.71.6",
+    "@polkadot/dev": "^0.71.9",
    "@polkadot/react-api": "^0.124.2-148-x",
    "@polkadot/react-components": "^0.124.2-148-x",
    "@polkadot/react-hooks": "^0.124.2-148-x",
--- a/packages/page-accounts/src/modals/Import.tsx
+++ b/packages/page-accounts/src/modals/Import.tsx
@ -27,7 +27,7 @@ interface PassState {
  password: string;
 }

-const acceptedFormats = ['application/json', 'text/plain'].join(', ');
+const acceptedFormats = ['application/json', 'text/plain'];

 function parseFile (file: Uint8Array, setError: Dispatch<SetStateAction<string | null>>, isEthereum: boolean, genesisHash?: string | null): KeyringPair | null {
  try {
--- a/packages/page-accounts/src/modals/MultisigCreate.tsx
+++ b/packages/page-accounts/src/modals/MultisigCreate.tsx
@ -36,7 +36,7 @@ interface UploadedFileData {
 const MAX_SIGNATORIES = 16;
 const BN_TWO = new BN(2);

-const acceptedFormats = ['application/json'].join(', ');
+const acceptedFormats = ['application/json'];

 function parseFile (file: Uint8Array): UploadedFileData {
  let uploadError = '';
--- a/packages/react-components/package.json
+++ b/packages/react-components/package.json
@ -38,7 +38,7 @@
    "react-chartjs-2": "^5.2.0",
    "react-copy-to-clipboard": "^5.1.0",
    "react-dom": "^18.2.0",
-    "react-dropzone": "^11.7.1",
+    "react-dropzone": "^14.2.3",
    "react-i18next": "^12.2.0",
    "react-is": "^18.2.0",
    "react-markdown": "^8.0.5",
--- a/packages/react-components/src/InputFile.tsx
+++ b/packages/react-components/src/InputFile.tsx
@ -1,8 +1,10 @@
 // Copyright 2017-2023 @polkadot/react-components authors & contributors
 // SPDX-License-Identifier: Apache-2.0

+import type { DropzoneRef } from 'react-dropzone';
+
 import React, { createRef, useCallback, useState } from 'react';
-import Dropzone, { DropzoneRef } from 'react-dropzone';
+import { useDropzone } from 'react-dropzone';

 import { formatNumber, hexToU8a, isHex, u8aToString } from '@polkadot/util';

@ -26,7 +28,7 @@ export interface InputFilePropsBase {
 export interface InputFileProps extends InputFilePropsBase {
  // Reference Example Usage: https://github.com/react-dropzone/react-dropzone/tree/master/examples/Accept
  // i.e. MIME types: 'application/json, text/plain', or '.json, .txt'
-  accept?: string;
+  accept?: string[];
  onChange?: (contents: Uint8Array, name: string) => void;
 }

@ -64,7 +66,7 @@ function InputFile ({ accept, className = '', clearContent, isDisabled, isError
  const dropRef = createRef<DropzoneRef>();
  const [file, setFile] = useState<FileState | undefined>();

-  const _onDrop = useCallback(
+  const onDrop = useCallback(
    (files: File[]): void => {
      files.forEach((file): void => {
        const reader = new FileReader();
@ -91,32 +93,28 @@ function InputFile ({ accept, className = '', clearContent, isDisabled, isError
    [dropRef, onChange]
  );

+  const { getInputProps, getRootProps } = useDropzone({
+    accept: accept && accept.reduce((all, mime) => ({ ...all, [mime]: [] }), {}),
+    disabled: isDisabled,
+    onDrop
+  });
+
  const dropZone = (
-    <Dropzone
-      accept={accept}
-      disabled={isDisabled}
-      multiple={false}
-      onDrop={_onDrop}
-      ref={dropRef}
-    >
-      {({ getInputProps, getRootProps }): JSX.Element => (
-        <StyledDiv {...getRootProps({ className: `${className} ui--InputFile ${isError ? 'error' : ''}` })}>
-          <input {...getInputProps()} />
-          <em className='label'>
-            {
-              !file || clearContent
-                ? placeholder || t<string>('click to select or drag and drop the file here')
-                : placeholder || t<string>('{{name}} ({{size}} bytes)', {
-                  replace: {
-                    name: file.name,
-                    size: formatNumber(file.size)
-                  }
-                })
-            }
-          </em>
-        </StyledDiv>
-      )}
-    </Dropzone>
+    <StyledDiv {...getRootProps({ className: `${className} ui--InputFile ${isError ? 'error' : ''}` })}>
+      <input {...getInputProps()} />
+      <em className='label'>
+        {
+          !file || clearContent
+            ? placeholder || t<string>('click to select or drag and drop the file here')
+            : placeholder || t<string>('{{name}} ({{size}} bytes)', {
+              replace: {
+                name: file.name,
+                size: formatNumber(file.size)
+              }
+            })
+        }
+      </em>
+    </StyledDiv>
  );

  return label
--- a/packages/react-components/src/InputWasm.tsx
+++ b/packages/react-components/src/InputWasm.tsx
@ -9,6 +9,8 @@ import { compactAddLength, isWasm } from '@polkadot/util';

 import InputFile from './InputFile.js';

+const acceptedFiles = ['application/wasm'];
+
 interface Props extends InputFilePropsBase {
  onChange: (contents: Uint8Array, isValid: boolean, name?: string) => void;
 }
@ -26,7 +28,7 @@ function InputWasm ({ onChange, ...props }: Props): React.ReactElement<Props> {
  return (
    <InputFile
      {...props}
-      accept='application/wasm'
+      accept={acceptedFiles}
      onChange={_onChange}
    />
  );
--- a/packages/react-hooks/src/useWeight.ts
+++ b/packages/react-hooks/src/useWeight.ts
@ -4,7 +4,7 @@
 import type { Call } from '@polkadot/types/interfaces';
 import type { ICompact, INumber } from '@polkadot/types/types';
 import type { BN } from '@polkadot/util';
-import type { V2WeightConstruct, WeightResult } from './types';
+import type { V2WeightConstruct, WeightResult } from './types.js';

 import { useEffect, useState } from 'react';

--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@ -5,7 +5,7 @@
    "lib": ["es2021", "dom"],
    "jsx": "react",
    "resolveJsonModule": true,
-    /* FIXME Dropzone is problematic with nodenext resolution */
+    /* FIXME i18next-browser-languagedetector & axios is problematic with nodenext resolution */
    "moduleResolution": "node",
 		"paths": {
      "@polkadot/apps": ["apps/src/index.tsx"],
--- a/yarn.lock
+++ b/yarn.lock
@ -1725,7 +1725,7 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "@polkadot/apps-electron@workspace:packages/apps-electron"
  dependencies:
-    "@polkadot/dev": ^0.71.6
+    "@polkadot/dev": ^0.71.9
    "@polkadot/react-components": ^0.124.2-148-x
    "@types/react-dom": ^18.0.11
    "@types/tmp": ^0.2.3
@ -1751,7 +1751,7 @@ __metadata:
  dependencies:
    "@polkadot/apps-config": ^0.124.2-148-x
    "@polkadot/apps-routing": ^0.124.2-148-x
-    "@polkadot/dev": ^0.71.6
+    "@polkadot/dev": ^0.71.9
    "@polkadot/react-api": ^0.124.2-148-x
    "@polkadot/react-components": ^0.124.2-148-x
    "@polkadot/react-hooks": ^0.124.2-148-x
@ -1779,9 +1779,9 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@polkadot/dev@npm:^0.71.6":
-  version: 0.71.6
-  resolution: "@polkadot/dev@npm:0.71.6"
+"@polkadot/dev@npm:^0.71.9":
+  version: 0.71.9
+  resolution: "@polkadot/dev@npm:0.71.9"
  dependencies:
    "@eslint/js": ^8.36.0
    "@rollup/plugin-alias": ^4.0.3
@ -1791,8 +1791,8 @@ __metadata:
    "@rollup/plugin-json": ^6.0.0
    "@rollup/plugin-node-resolve": ^15.0.1
    "@rushstack/eslint-patch": ^1.2.0
-    "@typescript-eslint/eslint-plugin": ^5.54.1
-    "@typescript-eslint/parser": ^5.54.1
+    "@typescript-eslint/eslint-plugin": ^5.55.0
+    "@typescript-eslint/parser": ^5.55.0
    eslint: ^8.36.0
    eslint-config-standard: ^17.0.0
    eslint-import-resolver-node: ^0.3.7
@ -1809,7 +1809,7 @@ __metadata:
    eslint-plugin-sort-destructure-keys: ^1.5.0
    gh-pages: ^5.0.0
    gh-release: ^7.0.2
-    jsdom: ^21.1.0
+    jsdom: ^21.1.1
    madge: ^6.0.0
    rollup: ^3.19.1
    rollup-plugin-cleanup: ^3.2.1
@ -1846,7 +1846,7 @@ __metadata:
    polkadot-exec-rollup: scripts/polkadot-exec-rollup.mjs
    polkadot-exec-tsc: scripts/polkadot-exec-tsc.mjs
    polkadot-exec-webpack: scripts/polkadot-exec-webpack.mjs
-  checksum: 545b078faf62d5f5b0c8dc3b70c0da7dfe1c0d8f8545b8fa3c6c47cc8439c0e0053241590788a31d03e6379ea3f9d86733db5d31f0e647f1f40d6a731b6d9463
+  checksum: 59321ee3051dc070b03da2bc22c737e818eccd5551c7ca34cd3368a1ceff22c2f75651b3297c51622b3a2423f31e8bf7d9a987d89b1df9f35c86ada7c26a7699
  languageName: node
  linkType: hard

@ -2009,7 +2009,7 @@ __metadata:
    react-chartjs-2: ^5.2.0
    react-copy-to-clipboard: ^5.1.0
    react-dom: ^18.2.0
-    react-dropzone: ^11.7.1
+    react-dropzone: ^14.2.3
    react-i18next: ^12.2.0
    react-is: ^18.2.0
    react-markdown: ^8.0.5
@ -3568,18 +3568,18 @@ __metadata:
  languageName: node
  linkType: hard

-"@typescript-eslint/eslint-plugin@npm:^5.54.1":
-  version: 5.54.1
-  resolution: "@typescript-eslint/eslint-plugin@npm:5.54.1"
+"@typescript-eslint/eslint-plugin@npm:^5.55.0":
+  version: 5.55.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:5.55.0"
  dependencies:
-    "@typescript-eslint/scope-manager": 5.54.1
-    "@typescript-eslint/type-utils": 5.54.1
-    "@typescript-eslint/utils": 5.54.1
+    "@eslint-community/regexpp": ^4.4.0
+    "@typescript-eslint/scope-manager": 5.55.0
+    "@typescript-eslint/type-utils": 5.55.0
+    "@typescript-eslint/utils": 5.55.0
    debug: ^4.3.4
    grapheme-splitter: ^1.0.4
    ignore: ^5.2.0
    natural-compare-lite: ^1.4.0
-    regexpp: ^3.2.0
    semver: ^7.3.7
    tsutils: ^3.21.0
  peerDependencies:
@ -3588,7 +3588,7 @@ __metadata:
  peerDependenciesMeta:
    typescript:
      optional: true
-  checksum: 76476c08ca0142a9bf6e2381f5cd1c037d86fbafa9c0dded4a97bd3b23b5962dd2c3943bade11b21d674195674f0e36dbf80faa15a1906f5a2ca1f699baf1dd5
+  checksum: e3239ec6016eeb73b8b4d8310581978e28b8d3378140a8eb70bd8e33ffd332266020c19d493e0ccae4edfd4abd6097608718c50308fe6288f4ffeb8e4784efd9
  languageName: node
  linkType: hard

@ -3603,20 +3603,20 @@ __metadata:
  languageName: node
  linkType: hard

-"@typescript-eslint/parser@npm:^5.54.1":
-  version: 5.54.1
-  resolution: "@typescript-eslint/parser@npm:5.54.1"
+"@typescript-eslint/parser@npm:^5.55.0":
+  version: 5.55.0
+  resolution: "@typescript-eslint/parser@npm:5.55.0"
  dependencies:
-    "@typescript-eslint/scope-manager": 5.54.1
-    "@typescript-eslint/types": 5.54.1
-    "@typescript-eslint/typescript-estree": 5.54.1
+    "@typescript-eslint/scope-manager": 5.55.0
+    "@typescript-eslint/types": 5.55.0
+    "@typescript-eslint/typescript-estree": 5.55.0
    debug: ^4.3.4
  peerDependencies:
    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
  peerDependenciesMeta:
    typescript:
      optional: true
-  checksum: f466513d306ca926b97c2cec1eebaf2cd15d45bd5633a4358f23ba9a4de1b0ec4630b1c20abc395943934ed1d2ef65f545fd6737c317a7abe579612101e8a83f
+  checksum: 48a20dc7e67960b5168b77bfb9d11d053a21d57bb83cf7b59f750191cbca5eea3b4636a8e6e75cc0aca5a84cdef91fed5440934fc2935f8c6fa71630a253a50c
  languageName: node
  linkType: hard

@ -3630,22 +3630,22 @@ __metadata:
  languageName: node
  linkType: hard

-"@typescript-eslint/scope-manager@npm:5.54.1":
-  version: 5.54.1
-  resolution: "@typescript-eslint/scope-manager@npm:5.54.1"
+"@typescript-eslint/scope-manager@npm:5.55.0":
+  version: 5.55.0
+  resolution: "@typescript-eslint/scope-manager@npm:5.55.0"
  dependencies:
-    "@typescript-eslint/types": 5.54.1
-    "@typescript-eslint/visitor-keys": 5.54.1
-  checksum: 9add24cf3a7852634ad0680a827646860ac4698a6ac8aae31e8b781e29f59e84b51f0cdaacffd0747811012647f01b51969d988da9b302ead374ceebffbe204b
+    "@typescript-eslint/types": 5.55.0
+    "@typescript-eslint/visitor-keys": 5.55.0
+  checksum: f253db88f69a29e4abe2f567d0a611cc3e7fb1a911a2cc54a2f6baf16e3de4d1883b3f8e45ee61b3db9fa5543dda0fd7b608de9d28ba6173ab49bfd17ff90cad
  languageName: node
  linkType: hard

-"@typescript-eslint/type-utils@npm:5.54.1":
-  version: 5.54.1
-  resolution: "@typescript-eslint/type-utils@npm:5.54.1"
+"@typescript-eslint/type-utils@npm:5.55.0":
+  version: 5.55.0
+  resolution: "@typescript-eslint/type-utils@npm:5.55.0"
  dependencies:
-    "@typescript-eslint/typescript-estree": 5.54.1
-    "@typescript-eslint/utils": 5.54.1
+    "@typescript-eslint/typescript-estree": 5.55.0
+    "@typescript-eslint/utils": 5.55.0
    debug: ^4.3.4
    tsutils: ^3.21.0
  peerDependencies:
@ -3653,7 +3653,7 @@ __metadata:
  peerDependenciesMeta:
    typescript:
      optional: true
-  checksum: 0073838b782b7f4619775be124ca6643fec43a2d56043eaf3ceb100960a5193f14ac747b28ce17a5c9ac643fdee8abda82a7d905c81521358de7b27a2dcbc9af
+  checksum: 5c60d441355b51f96b596324068c10605c74abb46748c0bbc6d8f7f2ea40acb6b4bda3b537105fa189172324c56d18bd88e7102e67f99f8c03bc05c6d0e2023d
  languageName: node
  linkType: hard

@ -3671,10 +3671,10 @@ __metadata:
  languageName: node
  linkType: hard

-"@typescript-eslint/types@npm:5.54.1":
-  version: 5.54.1
-  resolution: "@typescript-eslint/types@npm:5.54.1"
-  checksum: 84a8f725cfa10646af389659e09c510c38d82c65960c7b613f844a264acc0e197471cba03f3e8f4b6411bc35dca28922c8352a7bd44621411c73fd6dd4096da2
+"@typescript-eslint/types@npm:5.55.0":
+  version: 5.55.0
+  resolution: "@typescript-eslint/types@npm:5.55.0"
+  checksum: 7d851f09a2106514d3a9c7164d34758f30abfe554e3c7a02be75cdc7e16644e23ca32840a8f39a0321bc509927fb4d98ce91b22b21e8544ac56cef33b815a864
  languageName: node
  linkType: hard

@ -3696,12 +3696,12 @@ __metadata:
  languageName: node
  linkType: hard

-"@typescript-eslint/typescript-estree@npm:5.54.1, @typescript-eslint/typescript-estree@npm:^5.13.0":
-  version: 5.54.1
-  resolution: "@typescript-eslint/typescript-estree@npm:5.54.1"
+"@typescript-eslint/typescript-estree@npm:5.55.0, @typescript-eslint/typescript-estree@npm:^5.13.0":
+  version: 5.55.0
+  resolution: "@typescript-eslint/typescript-estree@npm:5.55.0"
  dependencies:
-    "@typescript-eslint/types": 5.54.1
-    "@typescript-eslint/visitor-keys": 5.54.1
+    "@typescript-eslint/types": 5.55.0
+    "@typescript-eslint/visitor-keys": 5.55.0
    debug: ^4.3.4
    globby: ^11.1.0
    is-glob: ^4.0.3
@ -3710,7 +3710,7 @@ __metadata:
  peerDependenciesMeta:
    typescript:
      optional: true
-  checksum: ea42bdb4832fa96fa1121237c9b664ac4506e2836646651e08a8542c8601d78af6c288779707f893ca4c884221829bb7d7b4b43c4a9c3ed959519266d03a139b
+  checksum: d24a11aee3d01067018d99804f420aecb8af88e43bf170d5d14f6480bd378c0a81ce49a37f5d6c36e5f0f319e3fa8b099720f295f2767338be1a4f7e9a5323e1
  languageName: node
  linkType: hard

@ -3750,21 +3750,21 @@ __metadata:
  languageName: node
  linkType: hard

-"@typescript-eslint/utils@npm:5.54.1, @typescript-eslint/utils@npm:^5.10.0":
-  version: 5.54.1
-  resolution: "@typescript-eslint/utils@npm:5.54.1"
+"@typescript-eslint/utils@npm:5.55.0, @typescript-eslint/utils@npm:^5.10.0":
+  version: 5.55.0
+  resolution: "@typescript-eslint/utils@npm:5.55.0"
  dependencies:
+    "@eslint-community/eslint-utils": ^4.2.0
    "@types/json-schema": ^7.0.9
    "@types/semver": ^7.3.12
-    "@typescript-eslint/scope-manager": 5.54.1
-    "@typescript-eslint/types": 5.54.1
-    "@typescript-eslint/typescript-estree": 5.54.1
+    "@typescript-eslint/scope-manager": 5.55.0
+    "@typescript-eslint/types": 5.55.0
+    "@typescript-eslint/typescript-estree": 5.55.0
    eslint-scope: ^5.1.1
-    eslint-utils: ^3.0.0
    semver: ^7.3.7
  peerDependencies:
    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  checksum: 8f428ea4d338ce85d55fd0c9ae2b217b323f29f51b7c9f8077fef7001ca21d28b032c5e5165b67ae6057aef69edb0e7a164c3c483703be6f3e4e574248bbc399
+  checksum: 368cfc3fb9d6af6901e739e2e41c3f7f1c1244576607445f4f59d95eccb237f73e1a75e7f0816ec9a32a0f1ec6bb4a3602a99e17e70fe184e62f7c69dcbe4b8d
  languageName: node
  linkType: hard

@ -3788,13 +3788,13 @@ __metadata:
  languageName: node
  linkType: hard

-"@typescript-eslint/visitor-keys@npm:5.54.1":
-  version: 5.54.1
-  resolution: "@typescript-eslint/visitor-keys@npm:5.54.1"
+"@typescript-eslint/visitor-keys@npm:5.55.0":
+  version: 5.55.0
+  resolution: "@typescript-eslint/visitor-keys@npm:5.55.0"
  dependencies:
-    "@typescript-eslint/types": 5.54.1
+    "@typescript-eslint/types": 5.55.0
    eslint-visitor-keys: ^3.3.0
-  checksum: 3a691abd2a43b86a0c41526d14a2afcc93a2e0512b5f8b9ec43f6029c493870808036eae5ee4fc655d26e1999017c4a4dffb241f47c36c2a1238ec9fbd08719c
+  checksum: 0b24c72dff99dd2cf41c19d20067f8ab20a38aa2e82c79c5530bec7cf651031e95c80702fc21c813c9b94e5f3d4cd210f13967b2966ef38abe548cb5f05848a3
  languageName: node
  linkType: hard

@ -4215,7 +4215,7 @@ __metadata:
  languageName: node
  linkType: hard

-"acorn@npm:^8.0.4, acorn@npm:^8.1.0, acorn@npm:^8.5.0, acorn@npm:^8.7.1, acorn@npm:^8.8.0, acorn@npm:^8.8.1":
+"acorn@npm:^8.0.4, acorn@npm:^8.1.0, acorn@npm:^8.5.0, acorn@npm:^8.7.1, acorn@npm:^8.8.0, acorn@npm:^8.8.2":
  version: 8.8.2
  resolution: "acorn@npm:8.8.2"
  bin:
@ -6470,26 +6470,12 @@ __metadata:
  languageName: node
  linkType: hard

-"cssom@npm:^0.5.0":
-  version: 0.5.0
-  resolution: "cssom@npm:0.5.0"
-  checksum: 823471aa30091c59e0a305927c30e7768939b6af70405808f8d2ce1ca778cddcb24722717392438329d1691f9a87cb0183b64b8d779b56a961546d54854fde01
-  languageName: node
-  linkType: hard
-
-"cssom@npm:~0.3.6":
-  version: 0.3.8
-  resolution: "cssom@npm:0.3.8"
-  checksum: 24beb3087c76c0d52dd458be9ee1fbc80ac771478a9baef35dd258cdeb527c68eb43204dd439692bb2b1ae5272fa5f2946d10946edab0d04f1078f85e06bc7f6
-  languageName: node
-  linkType: hard
-
-"cssstyle@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "cssstyle@npm:2.3.0"
+"cssstyle@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "cssstyle@npm:3.0.0"
  dependencies:
-    cssom: ~0.3.6
-  checksum: 5f05e6fd2e3df0b44695c2f08b9ef38b011862b274e320665176467c0725e44a53e341bc4959a41176e83b66064ab786262e7380fd1cabeae6efee0d255bb4e3
+    rrweb-cssom: ^0.6.0
+  checksum: 31f694dfed9998ed93570fe539610837b878193dd8487c33cb12db8004333c53c2a3904166288bbec68388c72fb01014d46d3243ddfb02fe845989d852c06f27
  languageName: node
  linkType: hard

@ -6526,14 +6512,14 @@ __metadata:
  languageName: node
  linkType: hard

-"data-urls@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "data-urls@npm:3.0.2"
+"data-urls@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "data-urls@npm:4.0.0"
  dependencies:
    abab: ^2.0.6
    whatwg-mimetype: ^3.0.0
-    whatwg-url: ^11.0.0
-  checksum: 033fc3dd0fba6d24bc9a024ddcf9923691dd24f90a3d26f6545d6a2f71ec6956f93462f2cdf2183cc46f10dc01ed3bcb36731a8208456eb1a08147e571fe2a76
+    whatwg-url: ^12.0.0
+  checksum: 006e869b5bf079647949a3e9b1dd69d84b2d5d26e6b01c265485699bc96e83817d4b5aae758b2910a4c58c0601913f3a0034121c1ca2da268e9a244c57515b15
  languageName: node
  linkType: hard

@ -6591,7 +6577,7 @@ __metadata:
  languageName: node
  linkType: hard

-"decimal.js@npm:^10.4.2":
+"decimal.js@npm:^10.4.3":
  version: 10.4.3
  resolution: "decimal.js@npm:10.4.3"
  checksum: 796404dcfa9d1dbfdc48870229d57f788b48c21c603c3f6554a1c17c10195fc1024de338b0cf9e1efe0c7c167eeb18f04548979bcc5fdfabebb7cc0ae3287bae
@ -8677,12 +8663,12 @@ __metadata:
  languageName: node
  linkType: hard

-"file-selector@npm:^0.4.0":
-  version: 0.4.0
-  resolution: "file-selector@npm:0.4.0"
+"file-selector@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "file-selector@npm:0.6.0"
  dependencies:
-    tslib: ^2.0.3
-  checksum: 1c9986e94bd033442cb4299d10d73d98fbc0b5f1af5b47d7a27b39f1e6bbd8d677f66c2628167da387166c652ad3c2429875042b453ba62f14945d903adf88d5
+    tslib: ^2.4.0
+  checksum: 7d051b6e5d793f3c6e2ab287ba5e7c2c6a0971bccc9d56e044c8047ba483e18f60fc0b5771c951dc707c0d15f4f36ccb4f1f1aaf385d21ec8f7700dadf8325ba
  languageName: node
  linkType: hard

@ -11258,17 +11244,16 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

-"jsdom@npm:^21.1.0":
-  version: 21.1.0
-  resolution: "jsdom@npm:21.1.0"
+"jsdom@npm:^21.1.1":
+  version: 21.1.1
+  resolution: "jsdom@npm:21.1.1"
  dependencies:
    abab: ^2.0.6
-    acorn: ^8.8.1
+    acorn: ^8.8.2
    acorn-globals: ^7.0.0
-    cssom: ^0.5.0
-    cssstyle: ^2.3.0
-    data-urls: ^3.0.2
-    decimal.js: ^10.4.2
+    cssstyle: ^3.0.0
+    data-urls: ^4.0.0
+    decimal.js: ^10.4.3
    domexception: ^4.0.0
    escodegen: ^2.0.0
    form-data: ^4.0.0
@ -11277,7 +11262,8 @@ fsevents@~2.3.2:
    https-proxy-agent: ^5.0.1
    is-potential-custom-element-name: ^1.0.1
    nwsapi: ^2.2.2
-    parse5: ^7.1.1
+    parse5: ^7.1.2
+    rrweb-cssom: ^0.6.0
    saxes: ^6.0.0
    symbol-tree: ^3.2.4
    tough-cookie: ^4.1.2
@ -11285,15 +11271,15 @@ fsevents@~2.3.2:
    webidl-conversions: ^7.0.0
    whatwg-encoding: ^2.0.0
    whatwg-mimetype: ^3.0.0
-    whatwg-url: ^11.0.0
-    ws: ^8.11.0
+    whatwg-url: ^12.0.1
+    ws: ^8.13.0
    xml-name-validator: ^4.0.0
  peerDependencies:
    canvas: ^2.5.0
  peerDependenciesMeta:
    canvas:
      optional: true
-  checksum: 2c89c72a6f399184ffc8de30bbdd86283086dbd72bb3a40667102d3f12af141c7517ffb78150a3bb6883a654e8c7d0266c3328d1c387a2b9a1fd0729dc537954
+  checksum: ea33c3f3f084b48685e3838baa1112f0cbffc2949b0249f90ee19152b66dbafc6ae7dd8573ee66933697f881e3bc04c0efc2b56cd26f64fd3e6321a64164e2d1
  languageName: node
  linkType: hard

@ -13517,7 +13503,7 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

-"parse5@npm:^7.1.1":
+"parse5@npm:^7.1.2":
  version: 7.1.2
  resolution: "parse5@npm:7.1.2"
  dependencies:
@ -13725,7 +13711,7 @@ fsevents@~2.3.2:
  dependencies:
    "@crustio/crust-pin": ^1.0.0
    "@pinata/sdk": ^1.2.1
-    "@polkadot/dev": ^0.71.6
+    "@polkadot/dev": ^0.71.9
    "@types/chart.js": ^2.9.37
    "@types/file-saver": ^2.0.5
    "@types/react-beautiful-dnd": ^13.1.3
@ -13746,7 +13732,7 @@ fsevents@~2.3.2:
    react-dom: ^18.2.0
    react-is: ^18.2.0
    source-map-explorer: ^2.5.3
-    styled-components: ^5.3.8
+    styled-components: ^5.3.9
  languageName: unknown
  linkType: soft

@ -14385,16 +14371,16 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

-"react-dropzone@npm:^11.7.1":
-  version: 11.7.1
-  resolution: "react-dropzone@npm:11.7.1"
+"react-dropzone@npm:^14.2.3":
+  version: 14.2.3
+  resolution: "react-dropzone@npm:14.2.3"
  dependencies:
    attr-accept: ^2.2.2
-    file-selector: ^0.4.0
+    file-selector: ^0.6.0
    prop-types: ^15.8.1
  peerDependencies:
-    react: ">= 16.8"
-  checksum: 7549bb67da5222dfbb7b79d9df84a4f2bd417e53396df8b0772a95fd7621ec967b87a17ff7f1e54eb5597d73c51c2a0d16328c792b11e751c73e18e2f7160207
+    react: ">= 16.8 || 18.0.0"
+  checksum: 174b744d5ca898cf3d84ec1aeb6cef5211c446697e45dc8ece8287a03d291f8d07253206d5a1247ef156fd385d65e7de666d4d5c2986020b8543b8f2434e8b40
  languageName: node
  linkType: hard

@ -14750,7 +14736,7 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

-"regexpp@npm:^3.0.0, regexpp@npm:^3.2.0":
+"regexpp@npm:^3.0.0":
  version: 3.2.0
  resolution: "regexpp@npm:3.2.0"
  checksum: a78dc5c7158ad9ddcfe01aa9144f46e192ddbfa7b263895a70a5c6c73edd9ce85faf7c0430e59ac38839e1734e275b9c3de5c57ee3ab6edc0e0b1bdebefccef8
@ -15179,6 +15165,13 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

+"rrweb-cssom@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "rrweb-cssom@npm:0.6.0"
+  checksum: 182312f6e4f41d18230ccc34f14263bc8e8a6b9d30ee3ec0d2d8e643c6f27964cd7a8d638d4a00e988d93e8dc55369f4ab5a473ccfeff7a8bab95b36d2b5499c
+  languageName: node
+  linkType: hard
+
 "rtcpeerconnection-shim@npm:^1.2.15":
  version: 1.2.15
  resolution: "rtcpeerconnection-shim@npm:1.2.15"
@ -16818,12 +16811,12 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

-"tr46@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "tr46@npm:3.0.0"
+"tr46@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "tr46@npm:4.1.1"
  dependencies:
-    punycode: ^2.1.1
-  checksum: 44c3cc6767fb800490e6e9fd64fd49041aa4e49e1f6a012b34a75de739cc9ed3a6405296072c1df8b6389ae139c5e7c6496f659cfe13a04a4bff3a1422981270
+    punycode: ^2.3.0
+  checksum: aeeb821ac2cd792e63ec84888b4fd6598ac6ed75d861579e21a5cf9d4ee78b2c6b94e7d45036f2ca2088bc85b9b46560ad23c4482979421063b24137349dbd96
  languageName: node
  linkType: hard

@ -16927,7 +16920,7 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

-"tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.1, tslib@npm:^2.5.0":
+"tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.1, tslib@npm:^2.4.0, tslib@npm:^2.5.0":
  version: 2.5.0
  resolution: "tslib@npm:2.5.0"
  checksum: ae3ed5f9ce29932d049908ebfdf21b3a003a85653a9a140d614da6b767a93ef94f460e52c3d787f0e4f383546981713f165037dc2274df212ea9f8a4541004e1
@ -18250,13 +18243,13 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

-"whatwg-url@npm:^11.0.0":
-  version: 11.0.0
-  resolution: "whatwg-url@npm:11.0.0"
+"whatwg-url@npm:^12.0.0, whatwg-url@npm:^12.0.1":
+  version: 12.0.1
+  resolution: "whatwg-url@npm:12.0.1"
  dependencies:
-    tr46: ^3.0.0
+    tr46: ^4.1.1
    webidl-conversions: ^7.0.0
-  checksum: ed4826aaa57e66bb3488a4b25c9cd476c46ba96052747388b5801f137dd740b73fde91ad207d96baf9f17fbcc80fc1a477ad65181b5eb5fa718d27c69501d7af
+  checksum: 8698993b763c1e7eda5ed16c31dab24bca6489626aca7caf8b5a2b64684dda6578194786f10ec42ceb1c175feea16d0a915096e6419e08d154ce551c43176972
  languageName: node
  linkType: hard

@ -18404,7 +18397,7 @@ fsevents@~2.3.2:
  languageName: node
  linkType: hard

-"ws@npm:^8.11.0, ws@npm:^8.13.0, ws@npm:^8.4.2, ws@npm:^8.8.1":
+"ws@npm:^8.13.0, ws@npm:^8.4.2, ws@npm:^8.8.1":
  version: 8.13.0
  resolution: "ws@npm:8.13.0"
  peerDependencies: