Merge branch 'develop' into dependabot/npm_and_yarn/types/node-18.7.18

Author: brancoder

package-lock.json

@@ -12,7 +12,7 @@
     "dependencies": {
         "@iota/iota.js": "^1.9.0-stardust.25",
         "classnames": "^2.3.1",
-        "humanize-duration": "^3.25.2",
+        "humanize-duration": "^3.27.3",
         "moment": "^2.29.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
@@ -27,7 +27,7 @@
         "start": "cross-env PORT=9090 WDS_SOCKET_PORT=9090 REACT_APP_SOCKET=8081 REACT_APP_BRAND_ID=hornet craco start",
         "start-bee": "cross-env PORT=9090 WDS_SOCKET_PORT=9090 REACT_APP_SOCKET=8081 REACT_APP_BRAND_ID=bee craco start",
         "lint": "eslint src --ext .tsx,.ts",
-        "sass-lint": "stylelint ./src/**/*.scss",
+        "sass-lint": "stylelint ./src/**/*.scss --custom-syntax postcss-scss",
         "build-internal": "craco build",
         "build": "cross-env REACT_APP_BRAND_ID=hornet run-s lint sass-lint build-internal",
         "build-bee": "cross-env REACT_APP_BRAND_ID=bee run-s lint sass-lint build-internal",
@@ -58,13 +58,14 @@
         "eslint-plugin-react": "^7.30.1",
         "eslint-plugin-unicorn": "^43.0.2",
         "npm-run-all": "^4.1.5",
+        "postcss-scss": "^4.0.5",
         "sass": "^1.53.0",
-        "stylelint": "^13.13.0",
+        "stylelint": "^14.9.1",
         "stylelint-config-property-sort-order-smacss": "^7.1.0",
-        "stylelint-config-recommended": "^5.0.0",
+        "stylelint-config-recommended": "^8.0.0",
         "stylelint-config-recommended-scss": "^4.2.0",
-        "stylelint-config-sass-guidelines": "^8.0.0",
-        "stylelint-config-standard": "^22.0.0",
+        "stylelint-config-sass-guidelines": "^9.0.0",
+        "stylelint-config-standard": "^26.0.0",
         "stylelint-scss": "^3.19.0",
         "typescript": "^4.7.4"
     }

package.json

@@ -1,5 +1,5 @@
-@import '../scss/media-queries';
-@import '../scss/variables';
+@import "../scss/media-queries";
+@import "../scss/variables";
 
 .app {
   display: flex;

src/app/App.scss

@@ -1,4 +1,4 @@
-import { ALIAS_ADDRESS_TYPE, NFT_ADDRESS_TYPE, TransactionHelper } from "@iota/iota.js";
+import { ALIAS_ADDRESS_TYPE, Bech32Helper, NFT_ADDRESS_TYPE, TransactionHelper } from "@iota/iota.js";
 import React, { ReactNode } from "react";
 import { Link, RouteComponentProps } from "react-router-dom";
 import { ReactComponent as ChevronLeftIcon } from "../../../assets/chevron-left.svg";
@@ -42,6 +42,10 @@ class Address extends AsyncComponent<RouteComponentProps<AddressProps>, AddressS
         const nodeConfigService = ServiceFactory.get<NodeConfigService>("node-config");
         this._bech32Hrp = nodeConfigService.getBech32Hrp();
 
+        if (!Bech32Helper.matches(this.props.match.params.address, this._bech32Hrp)) {
+            this.props.history.push(`/explorer/search/${this.props.match.params.address}`);
+        }
+
         this.state = {
             address: { ...Bech32AddressHelper.buildAddress(props.match.params.address, this._bech32Hrp) },
             outputs: [],

src/app/routes/explorer/Address.tsx

@@ -1,6 +1,7 @@
-@import './fonts';
-@import './variables';
-@import './media-queries';
+/* stylelint-disable selector-class-pattern, function-no-unknown */
+@import "./fonts";
+@import "./variables";
+@import "./media-queries";
 
 .card {
   padding: 10px;

src/scss/card.scss

@@ -1,8 +1,8 @@
-@import './fonts/dm-sans';
-@import './fonts/ibm-plex-mono';
+@import "./fonts/dm-sans";
+@import "./fonts/ibm-plex-mono";
 
-$font-sans: 'DM Sans', sans-serif;
-$font-mono: 'IBM Plex Mono', monospace;
+$font-sans: "DM Sans", sans-serif;
+$font-mono: "IBM Plex Mono", monospace;
 
 $rem-base-font: 16px !default;
 

src/scss/fonts.scss

@@ -1,5 +1,6 @@
-@import './fonts';
-@import './variables';
+/* stylelint-disable selector-class-pattern */
+@import "./fonts";
+@import "./variables";
 
 .select-wrapper {
   display: inline-block;

src/scss/forms.scss

@@ -1,5 +1,5 @@
-@import './variables';
-@import './media-queries';
+@import "./variables";
+@import "./media-queries";
 
 .row {
   display: flex;

src/scss/layout.scss

@@ -1,5 +1,5 @@
-@import './fonts';
-@import './variables';
+@import "./fonts";
+@import "./variables";
 
 h1 {
   @include font-size(24px);

src/scss/standard.scss

@@ -50,7 +50,7 @@ export class OutputsHelper {
             // Basic output -> storage return address
             this.tryFetchOutputs(
                 async query => indexerPlugin.basicOutputs(query),
-                { storageReturnAddressBech32: this.query },
+                { storageDepositReturnAddressBech32: this.query },
                 AssociationType.BASIC_STORAGE_RETURN
             ),
 
@@ -113,7 +113,7 @@ export class OutputsHelper {
             // Nft output -> storage return address
             this.tryFetchOutputs(
                 async query => indexerPlugin.nfts(query),
-                { storageReturnAddressBech32: this.query },
+                { storageDepositReturnAddressBech32: this.query },
                 AssociationType.NFT_STORAGE_RETURN
             ),